diff --git a/src/components/dropdown/dropdown.scss b/src/components/dropdown/dropdown.scss
index 7c8a9eb60..2a6eafdcd 100644
--- a/src/components/dropdown/dropdown.scss
+++ b/src/components/dropdown/dropdown.scss
@@ -34,23 +34,25 @@
   transition: var(--sl-transition-fast) opacity, var(--sl-transition-fast) transform;
 }
 
-[data-popper-placement^='top'] .dropdown__panel {
-  transform-origin: bottom;
-}
+.dropdown__positioner {
+  &[data-popper-placement^='top'] .dropdown__panel {
+    transform-origin: bottom;
+  }
 
-[data-popper-placement^='bottom'] .dropdown__panel {
-  transform-origin: top;
-}
+  &[data-popper-placement^='bottom'] .dropdown__panel {
+    transform-origin: top;
+  }
 
-[data-popper-placement^='left'] .dropdown__panel {
-  transform-origin: right;
-}
+  &[data-popper-placement^='left'] .dropdown__panel {
+    transform-origin: right;
+  }
 
-[data-popper-placement^='right'] .dropdown__panel {
-  transform-origin: left;
-}
+  &[data-popper-placement^='right'] .dropdown__panel {
+    transform-origin: left;
+  }
 
-.popover-visible .dropdown__panel {
-  opacity: 1;
-  transform: scale(1);
+  &.popover-visible .dropdown__panel {
+    opacity: 1;
+    transform: scale(1);
+  }
 }