diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 001dd5f..5d7aa5f 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -6,7 +6,7 @@
         <a href="/"><img class="h-32 w-auto" src="{{ $logo.RelPermalink }}" alt="{{ site.Title }}" /></a>
       </div>
       <!--{{ partial "menu.html" }}-->
-      <div class="flex shrink-0 items-center">
+      <div class="flex flex-col sm:flex-row shrink-0 items-center justify-center align-middle">
         <button type="button" class="relative inline-flex items-center gap-x-1.5 rounded-lg px-3 py-2 text-sm font-semibold text-mms-nightblue shadow-xs focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-mms-nightblue">
           <a href="mailto:contact@mms43.org">contact@mms43.org</a>
         </button>