diff --git a/__tests__/components/PlaybackControls.test.js b/__tests__/components/PlaybackControls.test.js
index 0740deac..c83821b0 100644
--- a/__tests__/components/PlaybackControls.test.js
+++ b/__tests__/components/PlaybackControls.test.js
@@ -55,7 +55,7 @@ function findSmartQueueButton(renderer) {
       ? btn.props.children
       : [btn.props.children];
     return children.some(
-      (child) => child.props && child.props.name === 'magic',
+      (child) => child.props && child.props.name === 'lightbulb_outline',
     );
   });
 }
diff --git a/__tests__/components/__snapshots__/PlaybackControls.test.js.snap b/__tests__/components/__snapshots__/PlaybackControls.test.js.snap
index 3cf45a02..24b74ae7 100644
--- a/__tests__/components/__snapshots__/PlaybackControls.test.js.snap
+++ b/__tests__/components/__snapshots__/PlaybackControls.test.js.snap
@@ -167,7 +167,7 @@ exports[`<PlaybackControls /> should render correctly 1`] = `
       <Icon
         data-qa-file="PlaybackControls"
         data-qa-node="Icon"
-        name="magic"
+        name="lightbulb_outline"
         type="material"
       />
       <span
diff --git a/src/js/components/PlaybackControls.js b/src/js/components/PlaybackControls.js
index 2b46ab09..6361f0d9 100755
--- a/src/js/components/PlaybackControls.js
+++ b/src/js/components/PlaybackControls.js
@@ -201,7 +201,7 @@ const PlaybackControls = () => {
           className={`control${smartQueue ? ' control--active' : ''} tooltip`}
           onClick={toggleSmartQueue}
         >
-          <Icon name="magic" type="material" />
+          <Icon name="lightbulb_outline" type="material" />
           <span className="tooltip__content">
             <I18n path="playback_controls.smart_queue" />
           </span>