From 06ff1b853c57eff8c2228c566db27c5eb2ef83c4 Mon Sep 17 00:00:00 2001
From: alimpens <a.limpens@amsterdam.nl>
Date: Wed, 11 Sep 2024 09:33:22 +0200
Subject: [PATCH] Do not show transparent border in Storybook in forced colors
 mode

---
 storybook/src/styles/overrides.css | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/storybook/src/styles/overrides.css b/storybook/src/styles/overrides.css
index eaa723f07a..5e635314ab 100644
--- a/storybook/src/styles/overrides.css
+++ b/storybook/src/styles/overrides.css
@@ -117,3 +117,10 @@
 :is(#storybook-root, .sbdocs-content) a[href="#"] {
   cursor: not-allowed;
 }
+
+/* Override to make sure the default transparent border isn't shown in forced colors mode. */
+.innerZoomElementWrapper.innerZoomElementWrapper > div {
+  @media (forced-colors: active) {
+    border-color: Canvas !important;
+  }
+}