diff --git a/frontend/src/assets/styles/mainpage.css b/frontend/src/assets/styles/mainpage.css
index bc03ac9b..82b2f8ec 100644
--- a/frontend/src/assets/styles/mainpage.css
+++ b/frontend/src/assets/styles/mainpage.css
@@ -9,6 +9,7 @@
 
     img {
         background-color: #5f63c8;
+        width: 4vw;
         height: 100%;
     }
 }
@@ -19,7 +20,7 @@
 }
 
 .side-bar {
-    width: 4.15vw;
+    width: 4vw;
     background-color: #6a74ce;
 
     li {
diff --git a/frontend/src/pages/login/LoginScreen.tsx b/frontend/src/pages/login/LoginScreen.tsx
index b109f9af..2d08183c 100644
--- a/frontend/src/pages/login/LoginScreen.tsx
+++ b/frontend/src/pages/login/LoginScreen.tsx
@@ -1,7 +1,21 @@
 import {JSX} from "react";
+import {Header} from "../../components/Header.tsx";
+import {Sidebar} from "../../components/Sidebar.tsx";
 
 export default function LoginScreen(): JSX.Element {
     return (
-        <>Login screen</>
+        <>
+            <div className={"main-header"}>
+                <Header/>
+            </div>
+            <div className={"main-content is-flex is-flex-direction-row"}>
+                <div className={"side-bar"}>
+                    <Sidebar/>
+                </div>
+                <div>
+                    <>Login screen</>
+                </div>
+            </div>
+        </>
     )
 }
\ No newline at end of file