diff --git a/public/content.css b/public/content.css
index a9a6c6eb..4af5e567 100644
--- a/public/content.css
+++ b/public/content.css
@@ -9,6 +9,12 @@
 	height: 100%;
 	transform: scaleY(0.6) translateY(-30%) translateY(1.5px);
 	z-index: 40;
+
+	transition: transform .1s cubic-bezier(0,0,0.2,1);
+}
+
+#previewbar.hovered {
+	transform: scaleY(1)
 }
 
 .previewbar {
diff --git a/src/js-components/previewBar.ts b/src/js-components/previewBar.ts
index 14fde89f..514fc390 100644
--- a/src/js-components/previewBar.ts
+++ b/src/js-components/previewBar.ts
@@ -142,8 +142,15 @@ class PreviewBar {
             parent.style.opacity = "1";
             
             this.container.style.transform = "none";
+        } else if (!this.onInvidious) {
+            // Hover listener
+            this.parent.addEventListener("mouseenter", () => this.container.classList.add("hovered"));
+
+            this.parent.addEventListener("mouseleave", () => this.container.classList.remove("hovered"));
         }
 
+        
+
         // On the seek bar
         this.parent.prepend(this.container);
     }