diff --git a/src/assets/styles/_common-variables.scss b/src/assets/styles/_common-variables.scss
index 1de6e6c..dc61e45 100644
--- a/src/assets/styles/_common-variables.scss
+++ b/src/assets/styles/_common-variables.scss
@@ -49,6 +49,7 @@ body {
     --iqser-font-family: 'some placeholder value that should be overridden when configuring a theme';
     --iqser-app-name-font-family: 'some placeholder value that should be overridden when configuring a theme';
     --iqser-app-name-font-size: 18px;
+    --iqser-logo-size: 28px;
     --iqser-app-name-color: black;
     --iqser-top-bar-height: 61px;
     --iqser-menu-margin-top: 10px;
diff --git a/src/lib/shared/logo/logo.component.ts b/src/lib/shared/logo/logo.component.ts
index 84f948f..adccb87 100644
--- a/src/lib/shared/logo/logo.component.ts
+++ b/src/lib/shared/logo/logo.component.ts
@@ -11,8 +11,8 @@ import { MatIconModule } from '@angular/material/icon';
             }
 
             mat-icon {
-                height: 28px;
-                width: unset;
+                height: var(--iqser-logo-size);
+                width: var(--iqser-logo-size);
             }
         `,
     ],