diff --git a/assets/tailwind.css b/assets/tailwind.css
index 6b7d51d..e1f32ae 100644
--- a/assets/tailwind.css
+++ b/assets/tailwind.css
@@ -1318,6 +1318,10 @@ video {
     flex-direction: row;
   }
 
+  .sm\:items-center {
+    align-items: center;
+  }
+
   .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
     --tw-space-y-reverse: 0;
     margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
diff --git a/src/layout/header.rs b/src/layout/header.rs
index d10dc77..cb318f8 100644
--- a/src/layout/header.rs
+++ b/src/layout/header.rs
@@ -13,7 +13,9 @@ pub fn Header() -> Element {
                 class: "container mx-auto p-4",
 
                 ul {
-                    class:"flex flex-col justify-between sm:flex-row justify-center space-y-2 sm:space-y-0 sm:space-s-4",
+                    class:"flex flex-col justify-between items-center sm:flex-row justify-center space-y-2 sm:space-y-0 sm:space-s-4",
+
+                 // class:"flex flex-col sm:flex-row justify-center items-center sm:space-x-8 space-y-8 sm:space-y-0",
                     li {
                         Link {
                             to: Route::Home {},