diff --git a/packages/atlas/src/themesource/atlas_core/web/layouts/_layout-atlas.scss b/packages/atlas/src/themesource/atlas_core/web/layouts/_layout-atlas.scss
index c741d17db..a1a2b8096 100644
--- a/packages/atlas/src/themesource/atlas_core/web/layouts/_layout-atlas.scss
+++ b/packages/atlas/src/themesource/atlas_core/web/layouts/_layout-atlas.scss
@@ -107,8 +107,8 @@
                     @if $brand-logo !=false {
                         width: 0;
                         height: 0;
-                        padding: calc(var(--brand-logo-height / 2)) calc(var(--brand-logo-width / 2));
-                        background-image: url(var($brand-logo));
+                       padding: calc(var(--brand-logo-height, 32px) / 2) calc(var(--brand-logo-width, 32px) / 2);
+                        background-image: url(#{$brand-logo});
                         background-repeat: no-repeat;
                         background-position: left center;
                         background-size: var(--brand-logo-width);