diff --git a/src/App.scss b/src/App.scss
index 1145ded46..bd9244871 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -6,6 +6,7 @@
   --fontSize: 14px;
   --status-margin: 0.75em;
   --navbar-height: var(--navbarSize, 3.5rem);
+  --panel-header-height: var(--panelHeaderSize, 3.2rem);
   --post-line-height: 1.4;
   // Z-Index stuff
   --ZI_media_modal: 9000;
diff --git a/src/panel.scss b/src/panel.scss
index 45f41f202..e974e7f6d 100644
--- a/src/panel.scss
+++ b/src/panel.scss
@@ -60,9 +60,9 @@
 
 .panel-heading,
 .panel-footer {
-  --panel-heading-height-padding: calc(var(--panelHeaderSize, 3.2rem) * 0.2);
-  --__panel-heading-gap: calc(var(--panelHeaderSize) * 0.1564);
-  --__panel-heading-height: var(--panelHeaderSize, 3.2em);
+  --panel-heading-height-padding: calc(var(--panel-header-height) * 0.2);
+  --__panel-heading-gap: calc(var(--panel-header-height) * 0.1565);
+  --__panel-heading-height: var(--panel-header-height);
   --__panel-heading-height-inner: calc(var(--__panel-heading-height) - 2 * var(--panel-heading-height-padding, 0));
 
   font-size: calc(var(--panelHeaderSize) / 3.2);