From a0300864ca18239bb5b81cc60c36ac2f6ca6d0c0 Mon Sep 17 00:00:00 2001
From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>
Date: Sun, 25 Oct 2026 11:52:36 -0500
Subject: [PATCH] round preview skeleton corners to match the player

---
 web/src/components/player/PreviewPlayer.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/web/src/components/player/PreviewPlayer.tsx b/web/src/components/player/PreviewPlayer.tsx
index 6a11942b30..0c89294703 100644
--- a/web/src/components/player/PreviewPlayer.tsx
+++ b/web/src/components/player/PreviewPlayer.tsx
@@ -332,7 +332,9 @@ function PreviewVideoPlayer({
           {t("noPreviewFoundFor", { cameraName: cameraName })}
         </div>
       )}
-      {firstLoad && <Skeleton className="absolute aspect-video size-full" />}
+      {firstLoad && (
+        <Skeleton className="absolute aspect-video size-full rounded-lg md:rounded-2xl" />
+      )}
     </div>
   );
 }
@@ -555,7 +557,9 @@ function PreviewFramesPlayer({
           {t("noPreviewFoundFor", { cameraName: cameraName })}
         </div>
       )}
-      {firstLoad && <Skeleton className="absolute aspect-video size-full" />}
+      {firstLoad && (
+        <Skeleton className="absolute aspect-video size-full rounded-lg md:rounded-2xl" />
+      )}
     </div>
   );
 }