diff --git a/packages/studio/src/components/dock/dock.css b/packages/studio/src/components/dock/dock.css
index 04ee18b97c..d4e809e19d 100644
--- a/packages/studio/src/components/dock/dock.css
+++ b/packages/studio/src/components/dock/dock.css
@@ -130,10 +130,12 @@
     width 140ms ease-out;
 }
 
+/* Fills dockview's tab part, so the label and icon centre in the tab's full height. */
 .hf-dock-tab {
   display: flex;
   align-items: center;
   gap: 6px;
+  height: 100%;
 }
 
 .hf-dock .dv-inactive-tab .hf-dock-tab-icon,
diff --git a/packages/studio/src/components/dock/dockTabs.contract.test.ts b/packages/studio/src/components/dock/dockTabs.contract.test.ts
index 4e2d4ffe0c..4f1c866d79 100644
--- a/packages/studio/src/components/dock/dockTabs.contract.test.ts
+++ b/packages/studio/src/components/dock/dockTabs.contract.test.ts
@@ -68,6 +68,12 @@ describe("dock panel strip contract", () => {
     expect(reduced).toContain(".hf-dock-tab-icon { animation: none; }");
   });
 
+  it("centres the tab's icon and label in the tab's full height", () => {
+    const tab = bodyOf(".hf-dock-tab");
+    expect(tab).toContain("height: 100%");
+    expect(tab).toContain("align-items: center");
+  });
+
   it("takes every colour from a token", () => {
     expect(dockCss).not.toMatch(/#[0-9a-f]{3,8}\b|rgba?\(|hsla?\(|oklch\(/i);
   });
diff --git a/scripts/contrast-pairs.json b/scripts/contrast-pairs.json
index 5f393dccb5..37c54567cb 100644
--- a/scripts/contrast-pairs.json
+++ b/scripts/contrast-pairs.json
@@ -300,8 +300,8 @@
           "role": "text",
           "minimum": 4.5,
           "sources": [
-            "packages/studio/src/components/dock/dock.css:97",
-            "packages/studio/src/components/dock/dock.css:99"
+            "packages/studio/src/components/dock/dock.css:101",
+            "packages/studio/src/components/dock/dock.css:103"
           ]
         }
       ]