Adjust border-radius based on scaling factor.

WordPress · Oct 2, 2024 · a708e6b · a708e6b
1 parent 517950e
commit a708e6b
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/packages/components/src/tabs/styles.ts b/packages/components/src/tabs/styles.ts
@@ -105,7 +105,14 @@ export const TabListWrapper = styled.div`
 		}
 	}
 	&[aria-orientation='vertical']::before {
-		border-radius: ${ CONFIG.radiusSmall };
+		/* Adjusting the border radius to match the scaling in the y axis. */
+		border-radius: ${ CONFIG.radiusSmall } / calc(
+				${ CONFIG.radiusSmall } /
+					(
+						var( --indicator-height, 0 ) /
+							var( --antialiasing-factor )
+					)
+			);
 		top: 0
 		left: 0;
 		width: 100%;