diff --git a/src/common/MetaPreview/ActionButton/styles.less b/src/common/MetaPreview/ActionButton/styles.less
index 748b3a39d..c301df320 100644
--- a/src/common/MetaPreview/ActionButton/styles.less
+++ b/src/common/MetaPreview/ActionButton/styles.less
@@ -1,10 +1,13 @@
+@import (reference) '~stremio-colors/dist/less/stremio-colors.less';
+
 .action-button-container {
     display: flex;
     flex-direction: column;
     justify-content: center;
+    background-color: @color-surface-light5-20;
 
     &:hover, &:focus {
-        background-color: var(--color-surfacedarker60);
+        background-color: @color-accent3;
     }
 
     .icon-container {
@@ -21,7 +24,7 @@
             display: block;
             width: 100%;
             height: 100%;
-            fill: var(--color-surfacelighter);
+            fill: @color-surface-light5;
         }
     }
 
@@ -38,7 +41,7 @@
             padding: 0 0.2rem;
             max-height: 2.4em;
             text-align: center;
-            color: var(--color-surfacelighter);
+            color: @color-surface-light5-90;
         }
     }
 }
\ No newline at end of file