diff --git a/src/img/background-image-placeholder.svg b/src/img/background-image-placeholder.svg
new file mode 100644
index 000000000..14c6f77e3
--- /dev/null
+++ b/src/img/background-image-placeholder.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 568 400"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="background-image-placeholder.svg"
+   inkscape:version="1.2 (dc2aedaf03, 2022-05-15)"
+   width="568"
+   height="400"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="1.0029297"
+     inkscape:cx="109.18014"
+     inkscape:cy="337.01266"
+     inkscape:window-width="1920"
+     inkscape:window-height="1048"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <!-- Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) -->
+  <path
+     d="m 374.10635,275.08863 v 7.50887 c 0,12.44125 -10.08533,22.52659 -22.52659,22.52659 H 171.36704 c -12.44124,0 -22.52658,-10.08534 -22.52658,-22.52659 V 162.45567 c 0,-12.44124 10.08534,-22.52659 22.52658,-22.52659 h 7.50887 v 22.52659 h -4.69305 a 2.8158239,2.8158239 0 0 0 -2.81582,2.81583 v 114.51018 a 2.8158239,2.8158239 0 0 0 2.81582,2.81582 h 174.58109 a 2.8158239,2.8158239 0 0 0 2.81581,-2.81582 v -4.69305 z M 393.81713,117.4025 H 219.23606 a 2.8158239,2.8158239 0 0 0 -2.81582,2.81582 v 114.51017 a 2.8158239,2.8158239 0 0 0 2.81582,2.81582 h 174.58107 a 2.8158239,2.8158239 0 0 0 2.81581,-2.81582 V 120.21832 a 2.8158239,2.8158239 0 0 0 -2.81581,-2.81582 z m 2.81581,-22.52659 c 12.44126,0 22.5266,10.08534 22.5266,22.52659 v 120.14181 c 0,12.44125 -10.08535,22.5266 -22.5266,22.5266 h -180.2127 c -12.44125,0 -22.5266,-10.08535 -22.5266,-22.5266 V 117.4025 c 0,-12.44125 10.08535,-22.52659 22.5266,-22.52659 z m -123.89623,52.56204 c 0,10.3674 -8.40478,18.77216 -18.77216,18.77216 -10.3674,0 -18.77217,-8.40476 -18.77217,-18.77216 0,-10.3674 8.40477,-18.77216 18.77217,-18.77216 10.3674,0 18.77216,8.40476 18.77216,18.77216 z m -33.78989,45.05318 18.54454,-18.54455 c 2.19916,-2.19915 5.76494,-2.19915 7.96456,0 L 284,192.49113 l 48.58001,-48.58 c 2.19916,-2.19916 5.76493,-2.19916 7.96456,0 l 33.5618,33.56227 v 37.54432 H 238.94683 Z"
+     id="path2"
+     style="fill:#999999;stroke-width:0.469304" />
+</svg>
diff --git a/src/views/profile.js b/src/views/profile.js
index 740a77300..9d741f703 100644
--- a/src/views/profile.js
+++ b/src/views/profile.js
@@ -249,6 +249,8 @@ angular.module('Application').controller('ProfileController', ['$scope', '$trans
                 document.getElementById('mainContentContainer').style.backgroundImage = 'url("' + Client.getBackgroundImageUrl() + '")';
                 document.getElementById('mainContentContainer').classList.add('has-background');
 
+                $scope.user.hasBackgroundImage = true;
+
                 $('#backgroundImageChangeModal').modal('hide');
                 $scope.backgroundImageChange.reset();
             });
@@ -261,6 +263,8 @@ angular.module('Application').controller('ProfileController', ['$scope', '$trans
                 document.getElementById('mainContentContainer').style.backgroundImage = '';
                 document.getElementById('mainContentContainer').classList.remove('has-background');
 
+                $scope.user.hasBackgroundImage = false;
+
                 $('#backgroundImageChangeModal').modal('hide');
                 $scope.backgroundImageChange.reset();
             });
@@ -274,7 +278,9 @@ angular.module('Application').controller('ProfileController', ['$scope', '$trans
         reset: function () {
             $scope.backgroundImageChange.error.avatar = null;
 
-            document.getElementById('previewBackgroundImage').src = Client.getBackgroundImageUrl();
+            if ($scope.user.hasBackgroundImage) document.getElementById('previewBackgroundImage').src = Client.getBackgroundImageUrl();
+            else document.getElementById('previewBackgroundImage').src = '/img/background-image-placeholder.svg';
+
             $scope.backgroundImageChange.pictureChanged = false;
             $scope.backgroundImageChange.busy = false;
         },