From 4693689f212ea76a09827db31b5cfe657b97125e Mon Sep 17 00:00:00 2001
From: Zhihe Li <zhihe.li@hashicorp.com>
Date: Thu, 5 Oct 2023 18:11:14 -0400
Subject: [PATCH] =?UTF-8?q?fix:=20=F0=9F=90=9B=20Fix=20an=20issue=20with?=
 =?UTF-8?q?=20HDS=20css=20causing=20scrollbars/whitespace=20(#1942)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

✅ Closes: ICU-11292
---
 addons/rose/addon/styles/hds/overrides.scss | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/addons/rose/addon/styles/hds/overrides.scss b/addons/rose/addon/styles/hds/overrides.scss
index 2b88d409e..7adf8a2ce 100644
--- a/addons/rose/addon/styles/hds/overrides.scss
+++ b/addons/rose/addon/styles/hds/overrides.scss
@@ -30,6 +30,13 @@
   .hds-table__td p {
     color: var(--token-form-indicator-optional-color);
   }
+
+  // TODO: This is a temporary hack to fix an issue causing weird whitespace
+  //   and scrollbars from an accessible class in HDS. We have to use !important
+  //   as they already forced it with !important and we can't override it otherwise
+  .sr-only {
+    position: unset !important;
+  }
 }
 
 .hds-dropdown {