diff --git a/dashboard/src/components/SystemUpdate.vue b/dashboard/src/components/SystemUpdate.vue
index 58c3a88aa..dabc6754a 100644
--- a/dashboard/src/components/SystemUpdate.vue
+++ b/dashboard/src/components/SystemUpdate.vue
@@ -377,8 +377,9 @@ onMounted(async () => {
 
 .changelog-container {
   overflow: auto;
-  max-height: 60vh;
+  max-height: 20lh;
   margin-bottom: 10px;
+  padding-right: 0.5rem; /* space so scrollbar doesn’t overlap text */
 }
 
 .skip-backup {
diff --git a/dashboard/src/components/app/Updates.vue b/dashboard/src/components/app/Updates.vue
index d3c955ddf..b8bf764b9 100644
--- a/dashboard/src/components/app/Updates.vue
+++ b/dashboard/src/components/app/Updates.vue
@@ -118,7 +118,7 @@ onMounted(async () => {
         <div>{{ $t('app.updateDialog.changelogHeader', { version: app.updateInfo.manifest.version }) }}</div>
         <div class="changelog" v-html="marked.parse(app.updateInfo.manifest.changelog)"></div>
 
-        <Checkbox v-if="app.updateInfo.manifest.dockerImage" v-model="skipBackup" :label="$t('app.updateDialog.skipBackupCheckbox')" />
+        <Checkbox class="skip-backup" v-if="app.updateInfo.manifest.dockerImage" v-model="skipBackup" :label="$t('app.updateDialog.skipBackupCheckbox')" />
       </div>
     </Dialog>
 
@@ -160,9 +160,14 @@ onMounted(async () => {
 <style scoped>
 
 .changelog {
-  max-height: 15lh;
+  max-height: 20lh;
   overflow-y: auto;
+  margin-bottom: 10px;
   padding-right: 0.5rem; /* space so scrollbar doesn’t overlap text */
 }
 
+.skip-backup {
+  padding-top: 10px;
+}
+
 </style>
\ No newline at end of file