diff --git a/dashboard/src/components/app/Updates.vue b/dashboard/src/components/app/Updates.vue
index 9c63fa9d9..d3c955ddf 100644
--- a/dashboard/src/components/app/Updates.vue
+++ b/dashboard/src/components/app/Updates.vue
@@ -113,6 +113,11 @@ onMounted(async () => {
       @alternate="onSetupSubscription()"
     >
       <div>
+        <div class="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 v-if="app.updateInfo.manifest.dockerImage" v-model="skipBackup" :label="$t('app.updateDialog.skipBackupCheckbox')" />
       </div>
     </Dialog>
@@ -145,9 +150,19 @@ onMounted(async () => {
       <div class="text-danger" v-if="app.updateInfo.unstable">{{ $t('app.updateDialog.unstableWarning') }}</div>
 
       <div>{{ $t('app.updateDialog.changelogHeader', { version: app.updateInfo.manifest.version }) }}</div>
-      <div v-html="marked.parse(app.updateInfo.manifest.changelog)"></div>
+      <div class="changelog" v-html="marked.parse(app.updateInfo.manifest.changelog)"></div>
     </div>
     <br/>
     <Button v-if="app.updateInfo" :danger="app.updateInfo.unstable ? true : null" :success="app.updateInfo.unstable ? null : true" @click="onAskUpdate()" :disabled="app.taskId || (app.error && app.error.details.installationState !== ISTATES.PENDING_UPDATE) || app.runState === 'stopped' || app.installationState === 'pending_update'">{{ $t('app.updateDialog.updateAction') }}</Button>
   </div>
 </template>
+
+<style scoped>
+
+.changelog {
+  max-height: 15lh;
+  overflow-y: auto;
+  padding-right: 0.5rem; /* space so scrollbar doesn’t overlap text */
+}
+
+</style>
\ No newline at end of file