diff --git a/src/frontend/src/pages/loginPage/index.tsx b/src/frontend/src/pages/loginPage/index.tsx
index 29ae6a4e1..fa953f6ca 100644
--- a/src/frontend/src/pages/loginPage/index.tsx
+++ b/src/frontend/src/pages/loginPage/index.tsx
@@ -1,12 +1,15 @@
 import * as Form from "@radix-ui/react-form";
 import { useState } from "react";
+import { Link } from "react-router-dom";
+import IconComponent from "../../components/genericIconComponent";
 import InputComponent from "../../components/inputComponent";
 import { Button } from "../../components/ui/button";
 import { Input } from "../../components/ui/input";
 import { CONTROL_LOGIN_STATE } from "../../constants/constants";
-import { inputHandlerEventType, loginInputStateType, } from "../../types/components";
-import { Link } from "react-router-dom";
-import IconComponent from "../../components/genericIconComponent";
+import {
+  inputHandlerEventType,
+  loginInputStateType,
+} from "../../types/components";
 
 export default function LoginPage(): JSX.Element {
   const [inputState, setInputState] =
@@ -30,7 +33,7 @@ export default function LoginPage(): JSX.Element {
         const data = Object.fromEntries(new FormData(event.currentTarget));
         event.preventDefault();
       }}
-      className="w-full h-full"
+      className="h-full w-full"
     >
       <div className="flex h-full w-full flex-col items-center justify-center bg-muted">
         <div className="flex w-72 flex-col items-center justify-center gap-2">
@@ -40,26 +43,17 @@ export default function LoginPage(): JSX.Element {
           </span>
           <div className="flex w-full items-center justify-center gap-2">
             <Button variant="primary" className="w-full py-6">
-              <IconComponent
-                name="FaApple"
-                className="h-6 w-6"
-              />
+              <IconComponent name="FaApple" className="h-6 w-6" />
             </Button>
             <Button variant="primary" className="w-full py-6">
-              <IconComponent
-                name="FaGithub"
-                className="h-6 w-6"
-              />
+              <IconComponent name="FaGithub" className="h-6 w-6" />
             </Button>
             <Button variant="primary" className="w-full py-6">
-              <IconComponent
-                name="GoogleSearchRun"
-                className="h-6 w-6"
-              />
+              <IconComponent name="GoogleSearchRun" className="h-6 w-6" />
             </Button>
           </div>
           <span className="text-sm text-muted-foreground">or</span>
-          <div className="w-full mb-3">
+          <div className="mb-3 w-full">
             <Form.Field name="username">
               <Form.Label className="data-[invalid]:label-invalid">
                 Username <span className="font-medium text-destructive">*</span>
@@ -82,7 +76,7 @@ export default function LoginPage(): JSX.Element {
               </Form.Message>
             </Form.Field>
           </div>
-          <div className="w-full mb-3">
+          <div className="mb-3 w-full">
             <Form.Field name="password" serverInvalid={password === ""}>
               <Form.Label className="data-[invalid]:label-invalid">
                 Password <span className="font-medium text-destructive">*</span>