diff --git a/packages/ui/src/components/Popover/Popover.module.css b/packages/ui/src/components/Popover/Popover.module.css
index fe757c8dd4..5156b95ffc 100644
--- a/packages/ui/src/components/Popover/Popover.module.css
+++ b/packages/ui/src/components/Popover/Popover.module.css
@@ -122,20 +122,16 @@
     }
   }
 
-  [data-theme='dark'] {
-    .bui-Popover {
-      background: var(--bui-bg-surface-2);
-      border: 1px solid var(--bui-gray-4);
-    }
+  [data-theme='dark'] .bui-Popover {
+    background: var(--bui-bg-surface-2);
+    border: 1px solid var(--bui-gray-4);
+  }
 
-    .bui-PopoverArrow {
-      svg path:nth-child(1) {
-        fill: var(--bui-bg-surface-2);
-      }
+  [data-theme='dark'] .bui-PopoverArrow svg path:nth-child(1) {
+    fill: var(--bui-bg-surface-2);
+  }
 
-      svg path:nth-child(2) {
-        fill: var(--bui-gray-4);
-      }
-    }
+  [data-theme='dark'] .bui-PopoverArrow svg path:nth-child(2) {
+    fill: var(--bui-gray-4);
   }
 }
diff --git a/packages/ui/src/components/Tooltip/Tooltip.module.css b/packages/ui/src/components/Tooltip/Tooltip.module.css
index 5c9c27eb8d..b668952848 100644
--- a/packages/ui/src/components/Tooltip/Tooltip.module.css
+++ b/packages/ui/src/components/Tooltip/Tooltip.module.css
@@ -106,21 +106,17 @@
     }
   }
 
-  [data-theme='dark'] {
-    .bui-Tooltip {
-      background: var(--bui-bg-surface-2);
-      box-shadow: none;
-      border: 1px solid var(--bui-gray-4);
-    }
+  [data-theme='dark'] .bui-Tooltip {
+    background: var(--bui-bg-surface-2);
+    box-shadow: none;
+    border: 1px solid var(--bui-gray-4);
+  }
 
-    .bui-TooltipArrow {
-      svg path:nth-child(1) {
-        fill: var(--bui-bg-surface-2);
-      }
+  [data-theme='dark'] .bui-TooltipArrow svg path:nth-child(1) {
+    fill: var(--bui-bg-surface-2);
+  }
 
-      svg path:nth-child(2) {
-        fill: var(--bui-gray-4);
-      }
-    }
+  [data-theme='dark'] .bui-TooltipArrow svg path:nth-child(2) {
+    fill: var(--bui-gray-4);
   }
 }