diff --git a/app/assets/stylesheets/components/header.scss b/app/assets/stylesheets/components/header.scss
index 28b2979b9..d2de8a0d6 100644
--- a/app/assets/stylesheets/components/header.scss
+++ b/app/assets/stylesheets/components/header.scss
@@ -41,6 +41,7 @@
 // Logo
 .site-logo {
   display: flex;
+  max-width: 20%;
 
   .logo {
     width: 50px;
@@ -50,6 +51,12 @@
     fill: var(--logo-color);
     border-radius: 3px;
   }
+
+  svg {
+    height: calc(var(--header-height));
+    width: auto;
+    padding: 0.5em;
+  }
 }
 
 // Search bar
diff --git a/app/views/admin/configs/show.html.erb b/app/views/admin/configs/show.html.erb
index c650959b1..f2535a9b2 100644
--- a/app/views/admin/configs/show.html.erb
+++ b/app/views/admin/configs/show.html.erb
@@ -552,7 +552,9 @@
                                   placeholder: Constants::SiteConfig::DETAILS[:logo_svg][:placeholder] %>
                   <div class="alert alert-info"><%= Constants::SiteConfig::DETAILS[:logo_svg][:description] %></div>
                   <% if SiteConfig.logo_svg.present? %>
-                    <%= SiteConfig.logo_svg.html_safe %>
+                    <div class="site-logo">
+                      <%= SiteConfig.logo_svg.html_safe %>
+                    </div>
                   <% end %>
                 </div>