diff --git a/beesgospel/static/css/main.css b/beesgospel/static/css/main.css
index 8700d95..dfffab4 100644
--- a/beesgospel/static/css/main.css
+++ b/beesgospel/static/css/main.css
@@ -24,8 +24,12 @@ nav {
 .navbar-toggler {
   margin-left: auto;
 }
+.navbar-brand {
+  width: auto;
+}
 @media only screen and (max-width : 992px) {
   .nav-sep { display: none; }
+  .navbar-brand { width: 100%; }
   .navbar-brand img { max-width: 5em; }
   .hometitle { font-size: 280%; }
 }
diff --git a/templates/base.html b/templates/base.html
index a4060ff..9625453 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -12,7 +12,7 @@
     {% block header %}
     <nav class="navbar navbar-expand-lg bg-dark border-bottom border-body sticky-top" data-bs-theme="dark">
         <div class="container-fluid">
-            <div class="navbar-brand d-flex align-items-center w-100">
+            <div class="navbar-brand d-flex align-items-center">
                 <div class="logo-container"><a href="/"><img src="{% static 'img/abeille.png' %}"></a></div>
                 <div class="harlow">Gospel de l’Abeille<br>The Bee's Gospel Singers</div>
                 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarColor01"