diff --git a/src/views/backups.html b/src/views/backups.html
index 249eaa97b..0514209a2 100644
--- a/src/views/backups.html
+++ b/src/views/backups.html
@@ -42,15 +42,15 @@
             </div>
 
             <!-- Filesystem -->
-            <div class="form-group" ng-class="{ 'has-error': configureBackup.error.backupFolder }" ng-show="configureBackup.provider === 'filesystem'">
+            <div class="form-group" ng-class="{ 'has-error': configureBackup.error.backupFolder || !configureBackup.backupFolder }" ng-show="configureBackup.provider === 'filesystem'">
               <label class="control-label" for="inputConfigureBackupFolder">Local backup directory</label>
               <input type="text" class="form-control" ng-model="configureBackup.backupFolder" id="inputConfigureBackupFolder" name="backupFolder" ng-disabled="configureBackup.busy" placeholder="Directory for backups" ng-required="configureBackup.provider === 'filesystem'">
+            </div>
 
-              <p class="checkbox" ng-show="configureBackup.provider === 'filesystem'">
-                <label>
-                  <input type="checkbox" ng-model="configureBackup.externalDisk" id="inputConfigureExternalDisk">Backup directory is an external EXT4 Disk</input>
-                </label>
-              </p>
+            <div class="checkbox" ng-show="configureBackup.provider === 'filesystem'">
+              <label>
+                <input type="checkbox" ng-model="configureBackup.externalDisk" id="inputConfigureExternalDisk">Backup directory is an external EXT4 Disk</input>
+              </label>
             </div>
 
             <div class="checkbox" ng-show="configureBackup.provider === 'filesystem'">