From 184002e98aadc7f9863aa7c002f6ccf733cf3c0c Mon Sep 17 00:00:00 2001
From: Nicolas Merget <104347736+nmerget@users.noreply.github.com>
Date: Wed, 20 Mar 2024 15:50:27 +0100
Subject: [PATCH] fix: wrong focus outline offset (#2362)

---
 packages/foundations/scss/colors/_variants.scss | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/packages/foundations/scss/colors/_variants.scss b/packages/foundations/scss/colors/_variants.scss
index df7bfef873e..50164284cc0 100644
--- a/packages/foundations/scss/colors/_variants.scss
+++ b/packages/foundations/scss/colors/_variants.scss
@@ -99,9 +99,7 @@ $component-variants: (
 
 %focus-placeholder {
 	outline: #{vars.$db-border-height-md} var(--db-focus-outline-style, solid) var(--db-focus-outline-color, currentColor);
-	outline-offset: calc(
-		#{vars.$db-border-height-lg} + #{vars.$db-border-height-md}
-	);
+	outline-offset: vars.$db-border-height-lg;
 
 	// TODO: The fallback currently only includes the same CSS Custom Property, which doesn't make any sense
 	transition: