diff --git a/web/src/lib/components/asset-viewer/actions/motion-photo-action.svelte b/web/src/lib/components/asset-viewer/actions/motion-photo-action.svelte
index e36c173b1d..440cdeb2a6 100644
--- a/web/src/lib/components/asset-viewer/actions/motion-photo-action.svelte
+++ b/web/src/lib/components/asset-viewer/actions/motion-photo-action.svelte
@@ -12,8 +12,9 @@
 </script>
 
 <IconButton
+  color="secondary"
+  variant="ghost"
   shape="round"
-  color="primary"
   icon={isPlaying ? mdiMotionPauseOutline : mdiPlaySpeed}
   aria-label={isPlaying ? $t('stop_motion_photo') : $t('play_motion_photo')}
   onclick={() => onClick(!isPlaying)}