diff --git a/dashboard/src/components/Section.vue b/dashboard/src/components/Section.vue
index c005c2b24..020753e04 100644
--- a/dashboard/src/components/Section.vue
+++ b/dashboard/src/components/Section.vue
@@ -22,8 +22,10 @@ function onTitleBadge() {
   <div class="section">
     <h2 class="section-header">
       <div>
-        <slot name="header-title">{{ title }}</slot>
-        <slot name="header-title-extra"></slot>
+        <div class="section-header-title-text">
+          <slot name="header-title">{{ title }}</slot>
+          <slot name="header-title-extra"></slot>
+        </div>
         <div class="section-header-title-badge" v-if="titleBadge" @click="onTitleBadge()">{{ titleBadge }}</div>
       </div>
       <div><slot name="header-buttons"></slot></div>
@@ -59,6 +61,12 @@ function onTitleBadge() {
   display: flex;
   gap: 6px;
   flex-wrap: wrap;
+  align-items: center;
+}
+
+.section-header-title-text {
+  display: flex;
+  gap: 6px;
   align-items: baseline;
 }