diff --git a/src/app.css b/src/app.css
index 4767dfd..21347a2 100644
--- a/src/app.css
+++ b/src/app.css
@@ -1112,10 +1112,28 @@
     background: transparent;
     color: var(--color-ink-faint);
   }
-  .repo-tab-close { opacity: 0.58; transition: opacity 120ms ease, color 120ms ease, background 120ms ease; }
+  .repo-tab-close {
+    display: grid;
+    place-items: center;
+    align-self: center;
+    min-width: 24px;
+    width: 24px;
+    min-height: 24px;
+    height: 24px;
+    flex: 0 0 24px;
+    aspect-ratio: 1;
+    margin-right: 6px;
+    border-radius: 50%;
+    opacity: 0.58;
+    transition: opacity 120ms ease, color 120ms ease, background 120ms ease;
+  }
   .repo-tab-wrap:hover .repo-tab-close,
   .repo-tab-wrap.active .repo-tab-close { opacity: 1; }
-  .repo-tab-close:hover:not(:disabled) { color: var(--color-ink); background: var(--color-surface-hover); }
+  .repo-tab-close:hover:not(:disabled),
+  .repo-tab-close:focus-visible:not(:disabled) {
+    color: #ff6673;
+    background: rgba(255, 90, 103, 0.13);
+  }
   .repo-tab-add {
     min-width: 44px;
     border-left: 1px solid var(--color-border-subtle);
diff --git a/src/lib/RepoTabs.svelte b/src/lib/RepoTabs.svelte
index 09c0e61..2fee15a 100644
--- a/src/lib/RepoTabs.svelte
+++ b/src/lib/RepoTabs.svelte
@@ -58,7 +58,7 @@
           aria-label={language === "de" ? `${repo.name} schließen` : `Close ${repo.name}`}
           title={language === "de" ? "Repository-Tab schließen" : "Close repository tab"}
         >
-          <X size={13} aria-hidden="true" />
+          <X size={11} aria-hidden="true" />
         </button>
       </div>
     {/each}