diff --git a/app/javascript/styles/gh/elephant-mods.scss b/app/javascript/styles/gh/elephant-mods.scss
index ff6051768..6e04d6022 100644
--- a/app/javascript/styles/gh/elephant-mods.scss
+++ b/app/javascript/styles/gh/elephant-mods.scss
@@ -1,9 +1,9 @@
 .theme-elephant,
 .theme-elephant-contrast,
 .theme-elephant-light {
-  background-color: var(--color-bg);
+  /**background-color: var(--color-bg); ** TODO: Use a :not() to override legacy pages **
 
-  /** Style login/sign-up **/
+  ** Style login/sign-up **
   .new_user {
     .btn {
       border-radius: 9999px;
@@ -36,15 +36,16 @@
         border-radius: var(--border-radius);
       }
     }
-  }
+  }**/
 
   /** Add shadows around dropdowns/popouts **/
   .dropdown-animation,
-  .picture-in-picture .video-player.inline,
-  .video-modal__container .video-player {
-    box-shadow: 0 0 20px rgba(0,0,0,0.25);
+  .picture-in-picture {
+  /**.video-modal__container .video-player,
+  .modal-root__container .gifv {**/
+    box-shadow: 0 0 20px rgba(0,0,0,0.35);
   }
-  
+
   /** Fix PIP quirks **/
   .picture-in-picture {
     .video-player.inline {