diff --git a/src/app/screens/loginScreen/page.tsx b/src/app/screens/loginScreen/page.tsx
index 19661f30..ca19b89e 100644
--- a/src/app/screens/loginScreen/page.tsx
+++ b/src/app/screens/loginScreen/page.tsx
@@ -1,8 +1,16 @@
-'use client'
+'use client';
 
-import LoginForm from "../../components/LoginForm";
+import LoginForm from '../../components/LoginForm';
 
-import { GlobalStyle, Fullscreen, Img, LoginBox, LoginContent, WelcomeSign, Button } from "./styles"
+import {
+  GlobalStyle,
+  Fullscreen,
+  Img,
+  LoginBox,
+  LoginContent,
+  WelcomeSign,
+  Button,
+} from './styles';
 
 export default function App() {
   return (
@@ -18,6 +26,6 @@ export default function App() {
           </LoginContent>
         </LoginBox>
       </Fullscreen>
-    </main >
-  )
-}
\ No newline at end of file
+    </main>
+  );
+}
diff --git a/src/app/screens/loginScreen/styles.ts b/src/app/screens/loginScreen/styles.ts
index a12336f1..34672d47 100644
--- a/src/app/screens/loginScreen/styles.ts
+++ b/src/app/screens/loginScreen/styles.ts
@@ -1,5 +1,4 @@
-import styled, { createGlobalStyle } from "styled-components";
-
+import styled, { createGlobalStyle } from 'styled-components';
 
 export const GlobalStyle = createGlobalStyle`
   body {
@@ -7,84 +6,74 @@ export const GlobalStyle = createGlobalStyle`
   }
 `;
 export const LoginBox = styled.div`
-    display: flex;
-    flex-direction: column;
-    width: 500px;
-    height: 420px;
-    margin-left:450px;
-    margin-top:80px;
-    border: 1px solid #B3B3B3;
-    
-
-`
+  display: flex;
+  flex-direction: column;
+  width: 500px;
+  height: 420px;
+  margin-left: 450px;
+  margin-top: 80px;
+  border: 1px solid #b3b3b3;
+`;
 
 export const LoginContent = styled.div`
-    margin-left: 40px;
-    margin-top: 30px;
-`
+  margin-left: 40px;
+  margin-top: 30px;
+`;
 
 export const Button = styled.button`
-    margin-top: 40px;
-    color: #FFF;
-    text-align: center;
-    font-family: Inter;
-    font-size: 17px;
-    font-style: normal;
-    font-weight: 500;
-    line-height: normal;
-    width: 420px;
-    height: 40px;
-    border-radius: 8px;
-    background: #000;
-    border:transparent;
-    
-`
-
-
-
+  margin-top: 40px;
+  color: #fff;
+  text-align: center;
+  font-family: Inter;
+  font-size: 17px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: normal;
+  width: 420px;
+  height: 40px;
+  border-radius: 8px;
+  background: #000;
+  border: transparent;
+`;
 
 export const WelcomeSign = styled.div`
-    color: #000;
-    font-family: Inter;
-    font-size: 40px;
-    font-style: normal;
-    font-weight: 700;
-    line-height: normal;
-    margin-bottom:30px;
-`
+  color: #000;
+  font-family: Inter;
+  font-size: 40px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: normal;
+  margin-bottom: 30px;
+`;
 
 export const Input = styled.input`
-    background: #D9D9D9;
-    border: transparent;
-    width: 420px;
-    height: 40px;
-    padding-left:10px
-`
+  background: #d9d9d9;
+  border: transparent;
+  width: 420px;
+  height: 40px;
+  padding-left: 10px;
+`;
 
 export const FormHeaders = styled.p`
-    color: #000;
-    font-family: Inter;
-    font-size: 15px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: normal;
-    margin-top:20px;
-    margin-bottom:10px;
-
-
-`
+  color: #000;
+  font-family: Inter;
+  font-size: 15px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: normal;
+  margin-top: 20px;
+  margin-bottom: 10px;
+`;
 
 export const Fullscreen = styled.div`
-    width: 100 %;
-    height: 100 %;
-    
-`
+  width: 100 %;
+  height: 100 %;
+`;
 export const Img = styled.div`
-    background-color:yellow;
-    align-self: flex - start;
-    justify-self: flex - start;
-    height:50px;
-    width:110px;
-    margin:20px;
-`
-
+  background-color: yellow;
+  align-self: flex - start;
+  justify-self: flex - start;
+  height: 50px;
+  width: 110px;
+  margin: 20px;
+`;