fix: 🐛 Fix an issue with HDS css causing scrollbars/whitespace

✅ Closes: ICU-11292
hashicorp · Oct 5, 2023 · 3712e76 · 3712e76
1 parent 9017f8b
commit 3712e76
Showing 1 changed file with 7 additions and 0 deletions.
diff --git 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 {