diff --git a/src/views/dashboard/MediaServerLatest.vue b/src/views/dashboard/MediaServerLatest.vue
index 2b4866e1..bce89216 100644
--- a/src/views/dashboard/MediaServerLatest.vue
+++ b/src/views/dashboard/MediaServerLatest.vue
@@ -63,7 +63,7 @@ onActivated(() => {
         <VCardTitle>{{ t('dashboard.latest') }} - {{ name }}</VCardTitle>
       </VCardItem>
 
-      <div class="px-3 pb-3">
+      <div class="px-5 pb-3">
         <ProgressiveCardGrid
           class="dashboard-media-grid"
           :items="data"
diff --git a/src/views/dashboard/MediaServerLibrary.vue b/src/views/dashboard/MediaServerLibrary.vue
index 62698fdb..83b4b078 100644
--- a/src/views/dashboard/MediaServerLibrary.vue
+++ b/src/views/dashboard/MediaServerLibrary.vue
@@ -65,7 +65,7 @@ onActivated(() => {
     <VCardItem>
       <VCardTitle>{{ t('dashboard.library') }}</VCardTitle>
     </VCardItem>
-    <div class="px-3 pb-3">
+    <div class="px-5 pb-3">
       <ProgressiveCardGrid
         class="dashboard-media-grid"
         :items="libraryList"
diff --git a/src/views/dashboard/MediaServerPlaying.vue b/src/views/dashboard/MediaServerPlaying.vue
index a35ac164..78e53088 100644
--- a/src/views/dashboard/MediaServerPlaying.vue
+++ b/src/views/dashboard/MediaServerPlaying.vue
@@ -66,7 +66,7 @@ onActivated(() => {
       <VCardTitle>{{ t('dashboard.playing') }}</VCardTitle>
     </VCardItem>
 
-    <div class="px-3 pb-3">
+    <div class="px-5 pb-3">
       <ProgressiveCardGrid
         class="dashboard-media-grid"
         :items="playingList"