diff --git a/dashboard/src/components/app/Updates.vue b/dashboard/src/components/app/Updates.vue
index 73551d8f2..3adbc3c6e 100644
--- a/dashboard/src/components/app/Updates.vue
+++ b/dashboard/src/components/app/Updates.vue
@@ -108,11 +108,9 @@ onMounted(async () => {
       @confirm="onUpdate()"
     >
       <div>
-        <div class="text-danger" v-if="app.updateInfo.unstable">{{ $t('app.updateDialog.unstableWarning') }}</div>
-
+        <div class="unstable-warning text-danger" v-if="app.updateInfo.unstable">{{ $t('app.updateDialog.unstableWarning') }}</div>
         <div>{{ $t('app.updateDialog.changelogHeader', { version: app.updateInfo.manifest.version }) }}</div>
         <div class="changelog" v-html="marked.parse(app.updateInfo.manifest.changelog)"></div>
-
         <Checkbox class="skip-backup" v-model="skipBackup" :label="$t('app.updateDialog.skipBackupCheckbox')" />
       </div>
     </Dialog>
@@ -161,6 +159,10 @@ onMounted(async () => {
   padding-right: 0.5rem; /* space so scrollbar doesn’t overlap text */
 }
 
+.unstable-warning {
+    padding-bottom: 20px;
+}
+
 .skip-backup {
   padding-top: 10px;
 }