diff --git a/projects/element-theme/src/styles/variables/_si-vars.scss b/projects/element-theme/src/styles/variables/_si-vars.scss
index a9aa71b8f..7b179b361 100644
--- a/projects/element-theme/src/styles/variables/_si-vars.scss
+++ b/projects/element-theme/src/styles/variables/_si-vars.scss
@@ -13,7 +13,8 @@ $btn-width-normal: 80px;
 // Component styling
 $si-application-header-height: 48px;
 
-$si-titlebar-height: 36px;
+$si-titlebar-padding-y: map.get(spacers.$spacers, 3);
+$si-titlebar-height: calc(1.5rem + 2 * $si-titlebar-padding-y);
 $si-system-banner-padding-y: map.get(spacers.$spacers, 1);
 $si-system-banner-height: calc(1rem + 2 * $si-system-banner-padding-y);