diff --git a/packages/frontend/src/components/MkMediaVideo.vue b/packages/frontend/src/components/MkMediaVideo.vue
index 1c71f4c555..eb7c1f49fd 100644
--- a/packages/frontend/src/components/MkMediaVideo.vue
+++ b/packages/frontend/src/components/MkMediaVideo.vue
@@ -21,7 +21,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 	<button v-if="hide" :class="$style.hidden" @click="hide = false">
 		<div :class="$style.hiddenTextWrapper">
 			<b v-if="video.isSensitive" style="display: block;"><i class="ti ti-eye-exclamation"></i> {{ i18n.ts.sensitive }}{{ defaultStore.state.dataSaver.media ? ` (${i18n.ts.video}${video.size ? ' ' + bytes(video.size) : ''})` : '' }}</b>
-			<b v-else style="display: block;"><i class="ph-film-strip ph-bold ph-lg"></i> {{ defaultStore.state.dataSaver.media && video.size ? bytes(video.size) : i18n.ts.video }}</b>
+			<b v-else style="display: block;"><i class="ti ti-movie"></i> {{ defaultStore.state.dataSaver.media && video.size ? bytes(video.size) : i18n.ts.video }}</b>
 			<span style="display: block;">{{ i18n.ts.clickToShow }}</span>
 		</div>
 	</button>
diff --git a/packages/frontend/vite.config.ts b/packages/frontend/vite.config.ts
index 6da44ce76b..7ba2ac0c7c 100644
--- a/packages/frontend/vite.config.ts
+++ b/packages/frontend/vite.config.ts
@@ -262,6 +262,7 @@ export function getConfig(): UserConfig {
 					'ti ti-rocket': 'ph-rocket-launch ph-bold ph-lg',
 					'ti ti-rocket-off': 'ph-rocket ph-bold ph-lg',
 					'ti ti-repeat-off': 'ph-repeat ph-bold ph-lg',
+					'ti ti-movie': 'ph-film-strip ph-bold ph-lg',
 				},
 			}),
 			...process.env.NODE_ENV === 'production'