diff --git a/public/css/style.scss b/public/css/style.scss
index a4f6c7d..8cf09be 100644
--- a/public/css/style.scss
+++ b/public/css/style.scss
@@ -1527,6 +1527,11 @@ div.navbar-expand-lg {
   margin-top: 80px;
 }
 
+#logo-panel {
+  margin-top: 0;
+  margin-bottom: 10px;
+}
+
 @media screen and (min-width: 992px) {
   div#side-nav-bar {
     display: block;
@@ -1553,6 +1558,11 @@ div.navbar-expand-lg {
   #inner-header-side button#search-header-button {
     display: none;
   }
+
+  #logo-panel {
+    margin-top: -15px;
+    margin-bottom: 0;
+  }
 }
 
 .navbar-collapse {
diff --git a/views/layout.pug b/views/layout.pug
index 6291dab..76f55b8 100644
--- a/views/layout.pug
+++ b/views/layout.pug
@@ -351,7 +351,7 @@ html(lang='en')
           return '<div class="card-header"><strong>Market Cap <span class="small fw-normal">(USD)</span></strong></div><div class="card-body"><div id="usdMarketCapPanelLoading" class="header-panel"><i class="fa-solid fa-spinner fa-spin-pulse"></i></div><div id="usdMarketCapPanel" class="header-panel" style="display:none;"><span class="fa-solid fa-chart-line"></span><label id="usdMarketCap"></label></div></div>';
         }
         function getLogoPanel() {
-          return `<img src="#{settings.shared_pages.logo}" style="margin-top:-15px;height:128px;" alt="${"#{settings.coin.name}".replace(/"/g, '&quot;')} Logo" title="${"#{settings.coin.name}".replace(/"/g, '&quot;')} Logo" />`;
+          return `<img id="logo-panel" src="#{settings.shared_pages.logo}" style="height:128px;" alt="${"#{settings.coin.name}".replace(/"/g, '&quot;')} Logo" title="${"#{settings.coin.name}".replace(/"/g, '&quot;')} Logo" />`;
         }
         function getSpacerPanel() {
           return `<div class="panel_spacer"></div>`;