diff --git a/assets/scss/components/_navbar.scss b/assets/scss/components/_navbar.scss
index 1687f597..1e71bcf5 100644
--- a/assets/scss/components/_navbar.scss
+++ b/assets/scss/components/_navbar.scss
@@ -89,8 +89,4 @@
     }
 }
 
-.nav-spacing {
-    width: 26px;
-}
-
 // stylelint-enable annotation-no-unknown
diff --git a/layouts/partials/assets/navbar.html b/layouts/partials/assets/navbar.html
index d30d4c73..aef6e0ba 100644
--- a/layouts/partials/assets/navbar.html
+++ b/layouts/partials/assets/navbar.html
@@ -87,8 +87,10 @@
                 {{- partial "assets/icon.html" (dict "icon" "fas ellipsis") -}}
             </button>
         {{- else -}}
-            <!-- Insert spacing to center logo correctly on smaller screens -->
-            <div class="nav-spacing d-{{ $size }}-none"></div>
+            <!-- Insert invisible sidebar toggler to center logo correctly on smaller screens -->
+            <button class="navbar-toggler collapsed ms-n3 invisible" type="button">
+                {{- partial "assets/icon.html" (dict "icon" "fas ellipsis") -}}
+            </button>
         {{- end -}}
 
         <!-- Insert the brand logo or name -->