diff --git a/frontend/src/components/Playback/MiniVideoPlayer.vue b/frontend/src/components/Playback/MiniVideoPlayer.vue
index b230e33d2d7..4f710042dda 100644
--- a/frontend/src/components/Playback/MiniVideoPlayer.vue
+++ b/frontend/src/components/Playback/MiniVideoPlayer.vue
@@ -10,7 +10,7 @@
         <VBtn
           icon
           @click.passive="playerElement.toggleFullscreenVideoPlayer">
-          <JIcon class="i:mdi-arrow-expand-all" />
+          <JIcon class="i-mdi:arrow-expand-all" />
         </VBtn>
         <VSpacer />
         <VBtn
diff --git a/frontend/src/pages/playback/video.vue b/frontend/src/pages/playback/video.vue
index cc15681340a..5aa9373aa70 100644
--- a/frontend/src/pages/playback/video.vue
+++ b/frontend/src/pages/playback/video.vue
@@ -15,11 +15,15 @@
         <div class="d-flex align-center py-2 px-4">
           <div class="d-flex">
             <VBtn
-              icon="i-mdi:close"
-              @click="playbackManager.stop" />
+              icon
+              @click="playbackManager.stop">
+              <JIcon class="i-mdi:close" />
+            </VBtn>
             <VBtn
-              icon="i-mdi:chevron-down"
-              @click="playerElement.toggleFullscreenVideoPlayer" />
+              icon
+              @click="playerElement.toggleFullscreenVideoPlayer">
+              <JIcon class="i-mdi:chevron-down" />
+            </VBtn>
           </div>
           <div class="d-flex ml-auto">
             <CastButton />