diff --git a/src/index.html b/src/index.html
index 42d37af..bfcd897 100644
--- a/src/index.html
+++ b/src/index.html
@@ -216,8 +216,8 @@
                 </div>
             </nav>
 
-            <div class="section-title" id="streamerSectionTitle" style="display:flex; align-items:center; gap:6px; justify-content:space-between;">
-                <span style="display:flex; align-items:baseline; gap:8px;">
+            <div class="section-title" id="streamerSectionTitle">
+                <span class="section-title-label">
                     <span id="streamerSectionTitleText">Streamer</span>
                     <span id="streamerSectionCounter" class="streamer-section-counter"></span>
                 </span>
diff --git a/src/styles.css b/src/styles.css
index 42db7c6..5849fdf 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -105,6 +105,19 @@ body {
     color: var(--text-secondary);
     padding: 15px 15px 8px;
     letter-spacing: 0.5px;
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    justify-content: space-between;
+}
+
+/* Inner label group inside .section-title — keeps the title text and
+   the streamer-section-counter aligned on the text baseline as a single
+   unit, separate from the bulk-remove X button that pins to the right. */
+.section-title-label {
+    display: flex;
+    align-items: baseline;
+    gap: 8px;
 }
 
 .streamers {