From b9fcd092093497615d1861241cfad7fbee7b34bf Mon Sep 17 00:00:00 2001
From: Cory LaViska <cory@abeautifulsite.net>
Date: Tue, 9 Aug 2022 15:27:08 -0400
Subject: [PATCH] fix placement styles

---
 src/components/tooltip/tooltip.styles.ts | 32 ++++++++++++------------
 1 file changed, 16 insertions(+), 16 deletions(-)

diff --git a/src/components/tooltip/tooltip.styles.ts b/src/components/tooltip/tooltip.styles.ts
index 05753878e..d83cbc325 100644
--- a/src/components/tooltip/tooltip.styles.ts
+++ b/src/components/tooltip/tooltip.styles.ts
@@ -17,6 +17,22 @@ export default css`
     --arrow-color: var(--sl-tooltip-background-color);
   }
 
+  .tooltip[placement^='top']::part(popup) {
+    transform-origin: bottom;
+  }
+
+  .tooltip[placement^='bottom']::part(popup) {
+    transform-origin: top;
+  }
+
+  .tooltip[placement^='left']::part(popup) {
+    transform-origin: right;
+  }
+
+  .tooltip[placement^='right']::part(popup) {
+    transform-origin: left;
+  }
+
   .tooltip__body {
     max-width: var(--max-width);
     border-radius: var(--sl-tooltip-border-radius);
@@ -30,20 +46,4 @@ export default css`
     pointer-events: none;
     z-index: var(--sl-z-index-tooltip);
   }
-
-  :host([placement^='top']) .tooltip-popup::part(popup) {
-    transform-origin: bottom;
-  }
-
-  :host([placement^='bottom']) .tooltip-popup::part(popup) {
-    transform-origin: top;
-  }
-
-  :host([placement^='left']) .tooltip-popup::part(popup) {
-    transform-origin: right;
-  }
-
-  :host([placement^='right']) .tooltip-popup::part(popup) {
-    transform-origin: left;
-  }
 `;