diff --git a/dashboard/src/views/BackupSitesView.vue b/dashboard/src/views/BackupSitesView.vue
index 0fa63c0e7..ff0002547 100644
--- a/dashboard/src/views/BackupSitesView.vue
+++ b/dashboard/src/views/BackupSitesView.vue
@@ -225,11 +225,11 @@ onMounted(async () => {
         <ProgressBar mode="indeterminate" v-if="busy" slim :show-label="false" />
         <div v-if="!busy && sites.length === 0" class="empty-placeholder">{{ $t('backup.sites.emptyPlaceholder') }}</div>
         <div class="backup-site" v-for="site in sites" :key="site.id">
-          <div style="display: flex; align-items: center;">
-            <StateLED :busy="site.status.busy" :state="site.status.state"/>
+          <div style="display: flex; align-items: start;">
+            <StateLED style="padding-top: 5px;" :busy="site.status.busy" :state="site.status.state"/>
           </div>
           <div class="backup-site-details">
-            <div><b style="font-size: 18px">{{ site.name }}</b><i style="margin-left: 10px">{{ BackupSitesModel.prettyBackupContents(site.contents) }}</i></div>
+            <div style="margin-bottom: 5px;"><b style="font-size: 18px">{{ site.name }}</b><i style="margin-left: 10px">{{ BackupSitesModel.prettyBackupContents(site.contents) }}</i></div>
             <div>
               <i v-if="site.encrypted" class="fa-solid fa-lock"></i>
               Storage: <b>{{ site.provider }} ({{ site.format }}) </b>