diff --git a/web/src/components/player/PreviewPlayer.tsx b/web/src/components/player/PreviewPlayer.tsx
index 01d21342c..b036bd357 100644
--- a/web/src/components/player/PreviewPlayer.tsx
+++ b/web/src/components/player/PreviewPlayer.tsx
@@ -82,7 +82,12 @@ export default function PreviewPlayer({
   }
 
   return (
-    <div className="flex size-full items-center justify-center rounded-lg text-white md:rounded-2xl">
+    <div
+      className={cn(
+        "flex size-full items-center justify-center rounded-lg text-white md:rounded-2xl",
+        className,
+      )}
+    >
       No Preview Found
     </div>
   );