diff --git a/Helium/gtk-4.0/_tauos.scss b/Helium/gtk-4.0/_tauos.scss
index 04f8c0f..c72d303 100644
--- a/Helium/gtk-4.0/_tauos.scss
+++ b/Helium/gtk-4.0/_tauos.scss
@@ -1909,25 +1909,25 @@ button.image-button.disclosure-button {
 }
 
 .bottom-sheet {
-  background: $surface_container_low_bg_color;
+  background: bg-color(-2);
   border-radius: px-to-rem(24px) px-to-rem(24px) 0 0;
   padding: px-to-rem(24px);
-}
 
-.bottom-sheet .close-button {
-  min-width: px-to-rem(32px);
-  min-height: px-to-rem(32px);
-  border-radius: px-to-rem(999px);
-  padding: 0px;
-  margin: 0px;
-  background: gtkalpha($outline, 0.08);
-  color: $view_fg_color;
-}
-.bottom-sheet .close-button:hover {
-  background: gtkalpha($outline, 0.14);
-}
-.bottom-sheet .close-button:active {
-  background: gtkalpha($outline, 0.15);
+  & .close-button {
+    min-width: px-to-rem(32px);
+    min-height: px-to-rem(32px);
+    border-radius: px-to-rem(999px);
+    padding: 0;
+    margin: 0;
+    background: gtkalpha($outline, 0.08);
+    color: $view_fg_color;
+  }
+  & .close-button:hover {
+    background: gtkalpha($outline, 0.14);
+  }
+  & .close-button:active {
+    background: gtkalpha($outline, 0.15);
+  }
 }
 
 .dimming {