diff --git a/themes/harmony/assets/navbar.css b/themes/harmony/assets/navbar.css
index e995cd7f..370aa65c 100644
--- a/themes/harmony/assets/navbar.css
+++ b/themes/harmony/assets/navbar.css
@@ -233,8 +233,16 @@
   padding:20px 16px;
   display:block;
 }
-.navigation-drawer .logo img{
+.navigation-drawer .logo a{
+  display:inline-block;
+  width:-moz-fit-content;
+  width:fit-content;
+}
+.navigation-drawer .logo a img{
   max-height:40px;
+  max-width:100%;
+  width:-moz-fit-content;
+  width:fit-content;
 }
 .navigation-drawer .items{
   padding:20px 16px;
@@ -255,7 +263,8 @@
   border-color:rgba(0, 0, 0, 0.1);
 }
 .navigation-drawer .close-drawer-btn{
-  float:left;
+  position:absolute;
+  left:0;
   cursor:pointer;
   width:40px;
   height:40px;
diff --git a/themes/harmony/styles/navbar.scss b/themes/harmony/styles/navbar.scss
index e8b1be32..0003b121 100644
--- a/themes/harmony/styles/navbar.scss
+++ b/themes/harmony/styles/navbar.scss
@@ -275,8 +275,15 @@
     padding: 20px 16px;
     display: block;
 
-    img {
-      max-height: 40px;
+    a {
+      display: inline-block;
+      width: fit-content;
+
+      img {
+        max-height: 40px;
+        max-width: 100%;
+        width: fit-content;
+      }
     }
   }
 
@@ -303,7 +310,8 @@
   }
 
   .close-drawer-btn {
-    float: left;
+    position: absolute;
+    inset-inline-start: 0;
     cursor: pointer;
     width: 40px;
     height: 40px;