diff --git a/public/content.css b/public/content.css
index c3c0d65b..6a2c1a04 100644
--- a/public/content.css
+++ b/public/content.css
@@ -17,6 +17,10 @@
 	transition: transform .1s cubic-bezier(0,0,0.2,1);
 }
 
+.ytm-progress-bar > #previewbar {
+	height: 3px;
+}
+
 #previewbar.hovered {
 	transform: scaleY(1)
 }
@@ -649,4 +653,6 @@ input::-webkit-inner-spin-button {
 #sponsorBlockDurationAfterSkips.ytm-time-display {
 	padding-left: 4px;
 	margin: 0px;
+	color: #fff;
+	opacity: .7;
 }
diff --git a/src/content.ts b/src/content.ts
index cd29a664..d969fc32 100644
--- a/src/content.ts
+++ b/src/content.ts
@@ -394,6 +394,8 @@ function createPreviewBar(): void {
     const progressElementSelectors = [
         // For mobile YouTube
         ".progress-bar-background",
+        // for new mobile YouTube (#1287)
+        ".ytm-progress-bar",
         // For YouTube
         ".ytp-progress-bar-container",
         ".no-model.cue-range-markers",
diff --git a/src/js-components/previewBar.ts b/src/js-components/previewBar.ts
index d4d041a9..16098b7d 100644
--- a/src/js-components/previewBar.ts
+++ b/src/js-components/previewBar.ts
@@ -144,8 +144,10 @@ class PreviewBar {
         this.parent = parent;
 
         if (this.onMobileYouTube) {
-            parent.style.backgroundColor = "rgba(255, 255, 255, 0.3)";
-            parent.style.opacity = "1";
+            if (parent.classList.contains("progress-bar-background")) {
+                parent.style.backgroundColor = "rgba(255, 255, 255, 0.3)";
+                parent.style.opacity = "1";
+            }
             
             this.container.style.transform = "none";
         } else if (!this.onInvidious) {