diff --git a/static/panel.css b/static/panel.css
index f4df1a8..399ef44 100644
--- a/static/panel.css
+++ b/static/panel.css
@@ -87,7 +87,7 @@ svg { width: 22px; height: 22px; fill: currentColor; }
    with the song title right above it. */
 .card.room.playing {
   background: linear-gradient(135deg,
-    color-mix(in srgb, var(--live) 18%, var(--card)) 0%,
+    color-mix(in srgb, var(--live) 25%, var(--card)) 0%,
     var(--card) 70%);
 }
 
@@ -269,7 +269,7 @@ svg { width: 22px; height: 22px; fill: currentColor; }
    to out-specificity the plain "background: none" above to show at all. */
 .joined .card.room.playing {
   background: linear-gradient(135deg,
-    color-mix(in srgb, var(--live) 18%, transparent) 0%,
+    color-mix(in srgb, var(--live) 25%, transparent) 0%,
     transparent 70%);
 }
 .joined .card-head h2 { font-size: 15px; font-weight: 550; color: var(--muted); }
diff --git a/templates/index.html b/templates/index.html
index 1229f52..76f3b1e 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -18,7 +18,6 @@
 <link rel="stylesheet" href="{{ url_for('static', filename='panel.css') }}">
 </head>
 <body>
-<!-- Icons: Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com - License CC BY 4.0 -->
 
 {% macro spotify_row(target, accounts) -%}
 {% if accounts %}
@@ -42,31 +41,6 @@
     </button>
   </header>
 
-  <section class="card source">
-    <div class="card-head">
-      <h2>{{ host.label }}</h2>
-      <span class="pill" data-role="avr-status">offline</span>
-    </div>
-    <button class="source-button" data-role="input-button">
-      <span class="eyebrow">Input</span>
-      <span class="value" data-role="input-name">—</span>
-      <svg class="chevron" viewBox="0 0 320 512" aria-hidden="true"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>
-    </button>
-
-    <div class="now-playing" data-role="avr-now-playing" hidden>
-      <img class="cover" data-role="avr-cover" alt="" hidden>
-      <div class="track">
-        <span class="song" data-role="avr-song"></span>
-        <span class="artist" data-role="avr-artist"></span>
-      </div>
-    </div>
-
-    <div class="joined" data-role="joined" hidden>
-      <p class="joined-title">Playing together</p>
-      <div class="joined-rooms" data-role="joined-rooms"></div>
-    </div>
-  </section>
-
   {% for room in rooms %}
   <div class="room-slot" data-slot="{{ room.key }}">
   <section class="card room" data-room="{{ room.key }}">
@@ -122,6 +96,31 @@
   </div>
   {% endfor %}
 
+  <section class="card source">
+    <div class="card-head">
+      <h2>{{ host.label }}</h2>
+      <span class="pill" data-role="avr-status">offline</span>
+    </div>
+    <button class="source-button" data-role="input-button">
+      <span class="eyebrow">Input</span>
+      <span class="value" data-role="input-name">—</span>
+      <svg class="chevron" viewBox="0 0 320 512" aria-hidden="true"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>
+    </button>
+
+    <div class="now-playing" data-role="avr-now-playing" hidden>
+      <img class="cover" data-role="avr-cover" alt="" hidden>
+      <div class="track">
+        <span class="song" data-role="avr-song"></span>
+        <span class="artist" data-role="avr-artist"></span>
+      </div>
+    </div>
+
+    <div class="joined" data-role="joined" hidden>
+      <p class="joined-title">Playing together</p>
+      <div class="joined-rooms" data-role="joined-rooms"></div>
+    </div>
+  </section>
+
   <button class="wide ghost" data-role="split-all" hidden>Separate everything</button>
   <p class="foot" data-role="foot"></p>
 </div>
