diff --git a/src/app/components/InputFields.tsx b/src/app/components/InputFields.tsx
index 49e1e0b1..7afc34b6 100644
--- a/src/app/components/InputFields.tsx
+++ b/src/app/components/InputFields.tsx
@@ -3,11 +3,12 @@
 import { FormHeaders, Input } from "../screens/loginScreen/styles"
 
 export default function InputFields(props: { text: string, placeholder: string }) {
+    const { text, placeholder } = props;
     return (
         <main>
             <div id="userInfo">
-                <FormHeaders>{props.text}</FormHeaders>
-                <Input type="text" placeholder={props.placeholder} />
+                <FormHeaders>{text}</FormHeaders>
+                <Input type="text" placeholder={placeholder} />
             </div>
         </main>
 
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6080bbd7..06658775 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,4 +1,5 @@
 'use client'
+
 import LoginForm from "./components/LoginForm";
 import { GlobalStyle, Fullscreen, LoginBox, LoginContent, WelcomeSign, Button } from "./screens/loginScreen/styles"
 
diff --git a/src/app/screens/loginScreen/styles.ts b/src/app/screens/loginScreen/styles.ts
index b221d701..a12336f1 100644
--- a/src/app/screens/loginScreen/styles.ts
+++ b/src/app/screens/loginScreen/styles.ts
@@ -1,5 +1,4 @@
-import { createGlobalStyle } from "styled-components";
-import styled from "styled-components";
+import styled, { createGlobalStyle } from "styled-components";
 
 
 export const GlobalStyle = createGlobalStyle`