diff --git a/templates/header.html b/templates/header.html
index 8621f27..82b2f2e 100644
--- a/templates/header.html
+++ b/templates/header.html
@@ -1,11 +1,15 @@
 <header>
   <nav class="navbar navbar-expand-lg navbar-light bg-light">
-    <a class="navbar-brand" href="/">
-      <img class="navbar-logo" src="/static/img/logo.png" alt="Structables" />
-    </a>
     <div class="container-fluid">
-      <div class="navbar-nav-scroll">
-        <ul class="nav navbar-nav">
+      <a class="navbar-brand" href="/">
+        <img
+          class="navbar-logo"
+          src="{{ url_for('static', filename='img/logo.png') }}"
+          alt="Structables Logo"
+        />
+      </a>
+      <div class="navbar-collapse">
+        <ul class="navbar-nav me-auto mb-2 mb-lg-0">
           <li class="nav-item">
             <a class="nav-link" href="/projects/">Projects</a>
           </li>
@@ -19,17 +23,15 @@
             <a class="nav-link" href="/sitemap/">Sitemap</a>
           </li>
         </ul>
-      </div>
-      <div class="navbar-form navbar-right">
-        <form class="form-inline" action="/search" method="post">
+        <form class="d-flex" action="/search" method="post">
           <input
-            class="form-control"
+            class="form-control me-2"
             type="search"
             placeholder="Search"
             name="q"
             aria-label="Search"
           />
-          <button class="btn btn-default" type="submit" style="visibility: hidden;">Search</button>
+          <button class="btn btn-outline-success" type="submit">Search</button>
         </form>
       </div>
     </div>