diff --git a/tailbone/templates/themes/butterball/base.mako b/tailbone/templates/themes/butterball/base.mako
index 9364accf..70442164 100644
--- a/tailbone/templates/themes/butterball/base.mako
+++ b/tailbone/templates/themes/butterball/base.mako
@@ -432,11 +432,12 @@
 <%def name="make_menu_search_component()">
   <% request.register_component('menu-search', 'MenuSearch') %>
   <script type="text/x-template" id="menu-search-template">
-    <div>
+    <div style="display: flex;">
 
       <a v-show="!searchActive"
          href="${url('home')}"
-         class="navbar-item">
+         class="navbar-item"
+         style="display: flex; gap: 0.5rem;">
         ${base_meta.header_logo()}
         <div id="global-header-title">
           ${base_meta.global_title()}
@@ -550,7 +551,8 @@
         <header>
 
           <!-- this main menu, with search -->
-          <nav class="navbar" role="navigation" aria-label="main navigation">
+          <nav class="navbar" role="navigation" aria-label="main navigation"
+               style="display: flex; align-items: center;">
 
             <div class="navbar-brand">
               <menu-search :search-data="globalSearchData"
@@ -563,7 +565,9 @@
               </a>
             </div>
 
-            <div class="navbar-menu" id="navbarMenu">
+            <div class="navbar-menu" id="navbarMenu"
+                 style="display: flex; align-items: center;"
+                 >
               <div class="navbar-start">
 
                 ## global search button