diff --git a/src/routes/MetaDetails/StreamsList/Stream/StreamPlaceholder/StreamPlaceholder.js b/src/routes/MetaDetails/StreamsList/Stream/StreamPlaceholder/StreamPlaceholder.js
index 6785417ba..661ee215d 100644
--- a/src/routes/MetaDetails/StreamsList/Stream/StreamPlaceholder/StreamPlaceholder.js
+++ b/src/routes/MetaDetails/StreamsList/Stream/StreamPlaceholder/StreamPlaceholder.js
@@ -1,7 +1,7 @@
 const React = require('react');
 const PropTypes = require('prop-types');
 const classnames = require('classnames');
-const Icon = require('stremio-icons/dom');
+const PlayIconCircleCentered = require('stremio/common/PlayIconCircleCentered');
 const styles = require('./styles');
 
 const StreamPlaceholder = ({ className }) => {
@@ -14,9 +14,7 @@ const StreamPlaceholder = ({ className }) => {
                 <div className={styles['description-container']} />
                 <div className={styles['description-container']} />
             </div>
-            <div className={styles['play-icon-container']}>
-                <Icon className={styles['play-icon']} icon={'ic_play'} />
-            </div>
+            <PlayIconCircleCentered className={styles['play-icon']} />
         </div>
     );
 };
diff --git a/src/routes/MetaDetails/StreamsList/Stream/StreamPlaceholder/styles.less b/src/routes/MetaDetails/StreamsList/Stream/StreamPlaceholder/styles.less
index c8f82a3df..a25aa9816 100644
--- a/src/routes/MetaDetails/StreamsList/Stream/StreamPlaceholder/styles.less
+++ b/src/routes/MetaDetails/StreamsList/Stream/StreamPlaceholder/styles.less
@@ -1,27 +1,31 @@
+:import('~stremio/common/PlayIconCircleCentered/styles.less') {
+    play-icon-circle-centered-background: background;
+    play-icon-circle-centered-icon: icon;
+}
+
 .stream-placeholder-container {
     display: flex;
     flex-direction: row;
     align-items: center;
-    background-color: var(--color-placeholder);
+    padding: 0.5rem 1rem;
 
     .addon-container {
         flex: none;
-        padding: 0.5rem;
 
         .addon-name {
             width: 5rem;
             height: 2rem;
-            background-color: var(--color-placeholder);
+            background-color: var(--color-placeholder-background);
         }
     }
 
     .info-container {
         flex: 1;
-        padding: 0.5rem;
+        margin: 0.5rem 1rem;
 
         .description-container {
             height: 1.2rem;
-            background-color: var(--color-placeholder);
+            background-color: var(--color-placeholder-background);
 
             &:nth-child(1) {
                 width: 80%;
@@ -34,17 +38,17 @@
         }
     }
 
-    .play-icon-container {
+    .play-icon {
         flex: none;
-        width: 5rem;
+        width: 3.5rem;
         height: 5rem;
-        padding: 1.5rem;
 
-        .play-icon {
-            display: block;
-            width: 100%;
-            height: 100%;
-            fill: var(--color-placeholder);
+        .play-icon-circle-centered-background {
+            fill: none;
+        }
+
+        .play-icon-circle-centered-icon {
+            fill: var(--color-placeholder-background);
         }
     }
 }
\ No newline at end of file