diff --git a/frontends/etiquette_flask/static/common.css b/frontends/etiquette_flask/static/common.css
index 14920a0..ef3f6e2 100644
--- a/frontends/etiquette_flask/static/common.css
+++ b/frontends/etiquette_flask/static/common.css
@@ -24,18 +24,12 @@ li
 }
 #header
 {
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    align-content: center;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr 1fr auto;
+    grid-template-rows: auto;
 
     margin-bottom: 4px;
 }
-.editor_input
-{
-    width: 100%;
-    max-width: 800px;
-}
 .header_element
 {
     display: flex;
@@ -48,6 +42,11 @@ li
 {
     background-color: #ffffd4;
 }
+.editor_input
+{
+    width: 100%;
+    max-width: 800px;
+}
 .hidden
 {
     display: none !important;