diff --git a/dashboard/src/components/BackupDialog.vue b/dashboard/src/components/BackupDialog.vue
index a82cca520..d5dcb6eb0 100644
--- a/dashboard/src/components/BackupDialog.vue
+++ b/dashboard/src/components/BackupDialog.vue
@@ -510,8 +510,8 @@ defineExpose({
 
           <FormGroup v-if="provider !== 'noop'">
             <label for="encryptionPassswordInput">{{ $t('backups.configureBackupStorage.encryptionPassword') }} <sup><a href="https://docs.cloudron.io/backups/#encryption" class="help" target="_blank"><i class="fa fa-question-circle"></i></a></sup></label>
-            <p class="small">{{ $t('backups.configureBackupStorage.encryptionDescription') }}</p>
             <TextInput id="encryptionPassswordInput" v-model="encryptionPassword" :placeholder="$t('backups.configureBackupStorage.encryptionPasswordPlaceholder')" />
+            <div class="text-small text-danger" v-show="encryptionPassword !== ''">{{ $t('backups.configureBackupStorage.encryptionDescription') }}</div>
           </FormGroup>
 
           <Checkbox v-if="format === 'rsync' && encryptionPassword !== ''" v-model="encryptedFilenames" :label="$t('backups.configureBackupStorage.encryptFilenames')"/>