diff --git a/client/src/components/MiniPlayer.svelte b/client/src/components/MiniPlayer.svelte
index 98ee39c..8e2c527 100644
--- a/client/src/components/MiniPlayer.svelte
+++ b/client/src/components/MiniPlayer.svelte
@@ -157,23 +157,23 @@
   }
 
   .mini-cover {
-    margin: 14px auto 12px;
-    width: 160px;
-    height: 160px;
-    border-radius: 20px;
+    margin: 0 0 12px;
+    width: 100%;
+    aspect-ratio: 1 / 1;
+    border-radius: 22px;
     overflow: hidden;
     background: rgba(255, 255, 255, 0.06);
     box-shadow: 0 18px 30px rgba(0, 0, 0, 0.35);
     border: 1px solid rgba(255, 255, 255, 0.12);
-    display: grid;
-    place-items: center;
-    transform: translateY(-6px);
+    display: block;
   }
 
+  .mini-cover video,
   .mini-cover img {
     width: 100%;
     height: 100%;
     object-fit: cover;
+    display: block;
   }
 
   .mini-cover video {