diff --git a/renderer/app.js b/renderer/app.js
index 3596365..2792a6d 100644
--- a/renderer/app.js
+++ b/renderer/app.js
@@ -3735,7 +3735,8 @@ function _buildAccountHosterGroupHtml(name, accounts) {
       ${summary.error ? `<span class="account-hoster-group-meta error">${summary.error} Fehler</span>` : ''}
       ${lifeMeta}
     </div>
-    <div class="account-hoster-group-body" ${bodyStyle}>${cardsHtml}${_buildHosterSettingsHtml(name)}</div>
+    <div class="account-hoster-group-body" ${bodyStyle}>${cardsHtml}</div>
+    ${_buildHosterSettingsHtml(name)}
   </div>`;
 }
 
diff --git a/renderer/styles.css b/renderer/styles.css
index 89c9135..c07011f 100644
--- a/renderer/styles.css
+++ b/renderer/styles.css
@@ -1025,26 +1025,23 @@ select.hs-input { max-width: none; width: auto; min-width: 140px; }
 .account-card.drag-over-below { border-bottom: 2px solid var(--accent); }
 
 .account-hoster-settings {
-  margin-top: 8px;
   border-top: 1px solid var(--border);
-  padding-top: 6px;
 }
 .account-hoster-settings-header {
   display: flex;
   align-items: center;
   gap: 8px;
-  padding: 6px 4px;
+  padding: 8px 12px;
   cursor: pointer;
   color: var(--text-muted);
-  font-size: 12px;
-  letter-spacing: 0.02em;
+  font-size: 11px;
+  letter-spacing: 0.5px;
   text-transform: uppercase;
-  border-radius: 6px;
   transition: background 0.1s, color 0.1s;
 }
-.account-hoster-settings-header:hover { background: rgba(255,255,255,0.03); color: var(--text); }
+.account-hoster-settings-header:hover { background: var(--bg-card-hover); color: var(--text); }
 .account-hoster-settings-header .panel-arrow { font-size: 10px; color: var(--text-dim); }
-.account-hoster-settings-body { padding: 6px 4px 4px; }
+.account-hoster-settings-body { padding: 4px 12px 10px; }
 
 .settings-hoster-pointer {
   margin-top: 12px;