diff --git a/luckydiamond/src/assets/css/ElementsStyles/header.css b/luckydiamond/src/assets/css/ElementsStyles/header.css
new file mode 100644
index 0000000..e69de29
diff --git a/luckydiamond/src/assets/css/global.css b/luckydiamond/src/assets/css/global.css
index 3c04061..6382950 100644
--- a/luckydiamond/src/assets/css/global.css
+++ b/luckydiamond/src/assets/css/global.css
@@ -48,6 +48,7 @@ body, html {
     border-radius: 20px;
     background: #17181C;
     box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
+    align-self: start;
 }
 
 /* /Header */
@@ -59,6 +60,7 @@ body, html {
     background: #17181C;
     box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
     border-radius: 20px;
+    align-self: start;
 }
 
 /* /Menu */
@@ -70,6 +72,7 @@ body, html {
     background: #16171B;
     filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
     border-radius: 20px;
+    align-self: start;
 }
 
 /* /Chat */
@@ -79,8 +82,7 @@ body, html {
 .main {
     grid-area: main;
     background: #999;
-    height: 100%;
-    padding-top: 200px;
+    align-self: start;
 }
 
 /* /Main */
@@ -90,6 +92,7 @@ body, html {
 .gamemode {
     grid-area: gamemode;
     background: #123123;
+    align-self: start;
 }
 
 /* /GameMode */
\ No newline at end of file
diff --git a/luckydiamond/src/pages/HeaderElement.vue b/luckydiamond/src/pages/HeaderElement.vue
index 9cc89a5..d9de9b6 100644
--- a/luckydiamond/src/pages/HeaderElement.vue
+++ b/luckydiamond/src/pages/HeaderElement.vue
@@ -7,6 +7,8 @@
 </template>
 
 <script>
+import '@/assets/css/ElementsStyles/header.css'
+
 export default {
   name: 'Header-Element-page',
   data() {