diff --git a/packages/calcite-components/src/components/panel/panel.scss b/packages/calcite-components/src/components/panel/panel.scss
index 6e986fd34b2..3339939d9f5 100644
--- a/packages/calcite-components/src/components/panel/panel.scss
+++ b/packages/calcite-components/src/components/panel/panel.scss
@@ -44,11 +44,11 @@
 
   .header-content {
     .heading {
-      @apply text-n1h;
+      font-size: var(--calcite-font-size--1);
     }
 
     .description {
-      @apply text-n2h;
+      font-size: var(--calcite-font-size--2);
     }
   }
 }
@@ -59,11 +59,11 @@
 
   .header-content {
     .heading {
-      @apply text-0h;
+      font-size: var(--calcite-font-size-0);
     }
 
     .description {
-      @apply text-n1h;
+      font-size: var(--calcite-font-size--1);
     }
   }
 }
@@ -74,11 +74,11 @@
 
   .header-content {
     .heading {
-      @apply text-1h;
+      font-size: var(--calcite-font-size-1);
     }
 
     .description {
-      @apply text-0h;
+      font-size: var(--calcite-font-size-0);
     }
   }
 }
@@ -145,16 +145,19 @@
     py-3.5;
 
   margin-inline-end: auto;
+  justify-content: center;
 
   .heading,
   .description {
     @apply block
-      break-words
-      p-0;
+    flex-none
+    break-words
+    p-0;
+    line-height: var(--calcite-font-line-height-relative-snug);
   }
 
   .heading {
-    @apply mx-0 mt-0 mb-1 font-medium;
+    @apply font-medium;
     color: var(--calcite-panel-heading-text-color, var(--calcite-color-text-1));
 
     &:only-child {