diff --git a/src/assets/styles/_common-variables.scss b/src/assets/styles/_common-variables.scss
index 40c45f0..87d8d96 100644
--- a/src/assets/styles/_common-variables.scss
+++ b/src/assets/styles/_common-variables.scss
@@ -48,6 +48,8 @@ body {
     --iqser-button-height: 34px;
     --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-app-name-color: black;
 }
 
 $required-variables: 'iqser-font-family' 'iqser-primary';
diff --git a/src/assets/styles/common-base-screen.scss b/src/assets/styles/common-base-screen.scss
index 656c2bf..b011fb0 100644
--- a/src/assets/styles/common-base-screen.scss
+++ b/src/assets/styles/common-base-screen.scss
@@ -23,13 +23,10 @@
 
     .app-name {
         font-family: var(--iqser-app-name-font-family);
-        height: 20px;
-        font-size: var(--iqser-font-size);
+        font-size: var(--iqser-app-name-font-size);
+        color: var(--iqser-app-name-color);
         font-weight: 800;
-        letter-spacing: 0;
-        line-height: 20px;
         white-space: nowrap;
-        color: var(--iqser-text);
     }
 
     .menu {