diff --git a/dashboard/src/js/client.js b/dashboard/src/js/client.js
index 3945dc68b..aea850b68 100644
--- a/dashboard/src/js/client.js
+++ b/dashboard/src/js/client.js
@@ -829,7 +829,6 @@ angular.module('Application').service('Client', ['$http', '$interval', '$timeout
 
     Client.prototype.hasCloudronBackground = function (callback) {
         get('/api/v1/branding/cloudron_background', null, function (error, data, status) {
-            console.log('hasCloudronBackground...')
             if (error && error.statusCode !== 404) callback(error);
             else if (error) callback(null, false);
             else callback(null, status === 200);
diff --git a/dashboard/src/translation/en.json b/dashboard/src/translation/en.json
index 9517d6347..293cc3c89 100644
--- a/dashboard/src/translation/en.json
+++ b/dashboard/src/translation/en.json
@@ -657,7 +657,8 @@
         "changeLogo": {
             "title": "Choose Cloudron Avatar"
         },
-        "backgroundImage": "Login page background image"
+        "backgroundImage": "Login page background image",
+        "clearBackgroundImage": "Clear"
     },
     "emails": {
         "title": "Email",
diff --git a/dashboard/src/translation/nl.json b/dashboard/src/translation/nl.json
index 36a816257..a70f15e0d 100644
--- a/dashboard/src/translation/nl.json
+++ b/dashboard/src/translation/nl.json
@@ -656,7 +656,8 @@
         },
         "changeLogo": {
             "title": "Kies een Cloudron-afbeelding"
-        }
+        },
+        "backgroundImage": "Inlogpagina achtergrond afbeelding"
     },
     "emails": {
         "title": "E-mail",
diff --git a/dashboard/src/views/branding.html b/dashboard/src/views/branding.html
index 835b702c4..a9431cc32 100644
--- a/dashboard/src/views/branding.html
+++ b/dashboard/src/views/branding.html
@@ -55,12 +55,12 @@
 
             <div class="form-group">
               <div>
-                <input id="userBackgroundInput" type="checkbox" ng-model="background.enabled">
-                <label for="userBackgroundInput" class="control-label">{{ 'branding.backgroundImage' | tr }}</label>
-                <div class="branding-background" ng-show="background.enabled" ng-click="background.selectNew()">
+                <label class="control-label">{{ 'branding.backgroundImage' | tr }}</label>
+                <div class="branding-background" ng-click="background.selectNew()">
                   <img ng-src="{{ background.url() }}" onerror="this.src = '/img/background-image-placeholder.svg'"/>
                   <i class="picture-edit-indicator fa fa-pencil-alt"></i>
                 </div>
+                <a href="" ng-show="!background.cleared" ng-click="background.clear()">{{ 'branding.clearBackgroundImage' | tr }}</a>
                 <input type="file" id="backgroundFileInput" style="display: none" accept="image/*"/>
               </div>
             </div>
diff --git a/dashboard/src/views/branding.js b/dashboard/src/views/branding.js
index be0a8bfe9..8cdc7fed9 100644
--- a/dashboard/src/views/branding.js
+++ b/dashboard/src/views/branding.js
@@ -138,11 +138,13 @@ angular.module('Application').controller('BrandingController', ['$scope', '$loca
         enabled: false,
         file: null,
         src: null,
+        cleared: false,
         newImageFile: null,
         cacheBusting: Date.now(),
 
         url() {
-            if ($scope.background.src) return $scope.background.src;
+            if ($scope.background.cleared) return '/img/background-image-placeholder.svg';
+            else if ($scope.background.src) return $scope.background.src;
             else return `${Client.apiOrigin}/api/v1/cloudron/background?${$scope.background.cacheBusting}`;
         },
 
@@ -151,12 +153,17 @@ angular.module('Application').controller('BrandingController', ['$scope', '$loca
         },
 
         submit(callback) {
-            if ($scope.background.enabled) {
-                if ($scope.background.newImageFile) Client.changeCloudronBackground($scope.background.newImageFile, callback);
-                else callback();
-            } else {
+            if ($scope.background.cleared) {
                 Client.changeCloudronBackground(null, callback);
+            } else if ($scope.background.newImageFile) {
+                Client.changeCloudronBackground($scope.background.newImageFile, callback);
+            } else {
+                callback();
             }
+        },
+
+        clear() {
+            $scope.background.cleared = true;
         }
     };
 
@@ -183,6 +190,7 @@ angular.module('Application').controller('BrandingController', ['$scope', '$loca
                     $scope.$apply(function () {
                         const myImage = new File([blob], 'background.webp', { type: blob.type });
 
+                        $scope.background.cleared = false;
                         $scope.background.newImageFile = myImage;
                         $scope.background.src = URL.createObjectURL(myImage);
                     });