diff --git a/packages/builder/src/components/design/Panel.svelte b/packages/builder/src/components/design/Panel.svelte
index 28f252134..daa38cf2e 100644
--- a/packages/builder/src/components/design/Panel.svelte
+++ b/packages/builder/src/components/design/Panel.svelte
@@ -23,7 +23,7 @@
       <Icon name={icon} />
     {/if}
     <div class="title">
-      <Heading>{title || ""}</Heading>
+      <Heading size="XXS">{title || ""}</Heading>
     </div>
     {#if showExpandIcon}
       <Icon
@@ -81,7 +81,6 @@
     font-weight: 600;
     text-overflow: ellipsis;
     white-space: nowrap;
-    font-size: 15px;
   }
   .add-button {
     flex: 0 0 30px;
diff --git a/packages/builder/src/pages/builder/app/[application]/_layout.svelte b/packages/builder/src/pages/builder/app/[application]/_layout.svelte
index 445a40189..f3559b8b0 100644
--- a/packages/builder/src/pages/builder/app/[application]/_layout.svelte
+++ b/packages/builder/src/pages/builder/app/[application]/_layout.svelte
@@ -119,10 +119,10 @@
           hoverable
           on:click={() => $goto("../../portal/apps")}
         />
-        <Heading size="S">{$store.name || "App"}</Heading>
+        <Heading size="XS">{$store.name || "App"}</Heading>
       </div>
       <div class="topcenternav">
-        <Tabs {selected} size="L">
+        <Tabs {selected} size="M">
           {#each $layout.children as { path, title }}
             <Tab
               quiet