diff --git a/html/poketube.ejs b/html/poketube.ejs
index a6d70991..8026b4f8 100644
--- a/html/poketube.ejs
+++ b/html/poketube.ejs
@@ -93,14 +93,14 @@
 
 .popup {
   display: none;
-  background-color: #333;
+  background-color: #0009;
   position: absolute;
   padding: 10px;
   border: solid 1.5px gray;
   border-radius: 10px;
 }
 
-@media (min-width: 1079px) {
+@media (min-height: 1079px) {
   .popup {
     background-color: #241c1cab; 
     backdrop-filter: blur(31px); 
@@ -389,7 +389,7 @@ a[data-onclick="jump_to_time"] {
   <link href="/css/watch.main.css?v=9893448" rel=stylesheet>
   <link href="/css/watch-util.css?v=9893448" rel=stylesheet>
   <link href="/css/watch-navbar.css?v=9893448" rel=stylesheet>
-  <link href="/css/poketube.css?v=9648934774844" rel=stylesheet>
+  <link href="/css/poketube.css?v=94648934774844" rel=stylesheet>
 
   <!-- video.js -->
   <link href="/css/videojs-v8.16.0.css" rel="stylesheet" />
@@ -2296,25 +2296,25 @@ window.addEventListener("unload", cleanup)
   filter: blur(90px); /* its the default blur lol */
 }
 
-@media (min-width: 767px) {
+@media (min-height: 767px) {
   .ambient-canvas {
     filter: blur(110px);
   }
 }
 
-@media (min-width: 1079px) {
+@media (min-height: 1079px) {
   .ambient-canvas {
     filter: blur(120px);
   }
 }
 
-@media (min-width: 1439px) {
+@media (min-height: 1439px) {
   .ambient-canvas {
     filter: blur(150px);
   }
 }
 
-@media (min-width: 2159px) {
+@media (min-height: 2159px) {
   .ambient-canvas {
     filter: blur(200px);
   }