diff --git a/app/webpacker/css/admin_v3/all.scss b/app/webpacker/css/admin_v3/all.scss
index bdba91568c..808a426caa 100644
--- a/app/webpacker/css/admin_v3/all.scss
+++ b/app/webpacker/css/admin_v3/all.scss
@@ -132,3 +132,5 @@
 @import "app/webpacker/css/admin/trix.scss";
 
 @import "terms_of_service_banner"; // admin_v3
+
+@import "pages/product_preview"; // admin_v3
diff --git a/app/webpacker/css/admin_v3/pages/product_preview.scss b/app/webpacker/css/admin_v3/pages/product_preview.scss
new file mode 100644
index 0000000000..07a0f617bc
--- /dev/null
+++ b/app/webpacker/css/admin_v3/pages/product_preview.scss
@@ -0,0 +1,41 @@
+#product-preview {
+  // tabs
+  dl.tabs {
+    box-shadow: $box-shadow;
+    display: flex;
+    flex-wrap: wrap;
+
+    dd {
+      width: auto;
+      padding: 0;
+
+      a {
+        display: inline-block;
+        padding: 16px 20px;
+        color: $color-9 !important;
+        text-align: center;
+        position: relative;
+        font-size: 16px;
+        font-weight: 600;
+
+        &:hover {
+          color: $red !important;
+
+          &:after {
+            content: "";
+            position: absolute;
+            bottom: 0;
+            left: 20px;
+            right: 20px;
+            height: 3px;
+            background: $red;
+          }
+        }
+
+        &.active {
+          @extend a, :hover;
+        }
+      }
+    }
+  }
+}