diff --git a/src/css/injected.scss b/src/css/injected.scss
index fe5a40f9..539463a9 100644
--- a/src/css/injected.scss
+++ b/src/css/injected.scss
@@ -928,6 +928,10 @@ div > ol:has(.uiFileHandlerWrapper) {
   gap: 32px;
   padding: 32px 64px;
   align-items: center;
+
+  > div {
+    will-change: opacity, transform;
+  }
 }
 .home-container h1 {
   text-align: center;
@@ -2883,10 +2887,6 @@ li.MessageList__unread___3imtO {
 body:has(.outside-container:not(.hide)) #AddedSettings.tooltip:hover > .tooltiptext {
   transform: scale(0);
 }
-#ExtensionPopup {
-  will-change: opacity, transform;
-  transform: translateZ(0); // promotes GPU rendering
-}
 .assessmenttooltip svg {
   fill: var(--text-primary);
 }
diff --git a/src/css/injected/popup.scss b/src/css/injected/popup.scss
index e40d80e4..f2ae0ef5 100644
--- a/src/css/injected/popup.scss
+++ b/src/css/injected/popup.scss
@@ -32,6 +32,8 @@
 
 #ExtensionPopup {
   border-radius: 1rem;
-  box-shadow: 0px 0px 20px -2px rgba(0, 0, 0, 0.6);
+  filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.6));
   transform-origin: 70% 0;
+  will-change: opacity, transform;
+  transform: translateZ(0); // promotes GPU rendering
 }
\ No newline at end of file