diff --git a/cookbook/static/css/app.min.css b/cookbook/static/css/app.min.css
index a100e2c28..84a9f4ef4 100644
--- a/cookbook/static/css/app.min.css
+++ b/cookbook/static/css/app.min.css
@@ -1,3 +1,7 @@
+.brand-icon {
+    height: 40px;
+}
+
 .spinner-tandoor {
     animation: rotation 3s infinite linear;
     content: url("../assets/spinner.svg");
diff --git a/cookbook/templates/base.html b/cookbook/templates/base.html
index 4b10cf766..bf19acd09 100644
--- a/cookbook/templates/base.html
+++ b/cookbook/templates/base.html
@@ -60,17 +60,19 @@
 <body>
 
 <nav class="navbar navbar-expand-lg navbar-dark bg-{% nav_color request %} bg-header" id="id_main_nav"
-     style="{% sticky_nav request %}">
+     style="{% sticky_nav request %}"> 
+     
+    {% if not request.user.is_authenticated or request.user.userpreference.theme == request.user.userpreference.TANDOOR %}
+    <a class="navbar-brand p-0 me-2 justify-content-center" href="{% base_path request 'base' %}" aria-label="Tandoor">
+        <img class="brand-icon" src="{% static 'assets/brand_logo.svg' %}" alt="Logo">
+    </a>
+    {% endif %}
+        
     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText"
             aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
         <span class="navbar-toggler-icon"></span>
     </button>
 
-    {% if not request.user.is_authenticated or request.user.userpreference.theme == request.user.userpreference.TANDOOR %}
-        <a class="navbar-brand p-0 me-2 justify-content-center" href="{% base_path request 'base' %}" aria-label="Tandoor">
-            <img class="brand-icon" src="{% static 'assets/brand_logo.png' %}" alt="" style="height: 5vh;">
-        </a>
-    {% endif %}
     <div class="collapse navbar-collapse" id="navbarText">
         <ul class="navbar-nav mr-auto">
             <li class="nav-item {% if request.resolver_match.url_name in 'view_search' %}active{% endif %}">
