diff --git a/dashboard/src/Index.vue b/dashboard/src/Index.vue
index 05e742db8..01e3cf1d8 100644
--- a/dashboard/src/Index.vue
+++ b/dashboard/src/Index.vue
@@ -191,11 +191,6 @@ onMounted(async () => {
   window.document.title = result.cloudronName;
   document.getElementById('favicon').href = `${API_ORIGIN}/api/v1/cloudron/avatar?ts=${Date.now()}`;
 
-  if (profile.value.hasBackgroundImage) {
-    window.document.body.style.backgroundImage = `url('${profile.value.backgroundImageUrl}')`;
-    window.document.body.classList.add('has-background');
-  }
-
   if (config.value.mandatory2FA && !profile.value.twoFactorAuthenticationEnabled) window.location.hash = `/${VIEWS.PROFILE}?setup2fa`;
 
   window.addEventListener('hashchange', onHashChange);
diff --git a/dashboard/src/components/Headerbar.vue b/dashboard/src/components/Headerbar.vue
index e14ca4795..e2098e443 100644
--- a/dashboard/src/components/Headerbar.vue
+++ b/dashboard/src/components/Headerbar.vue
@@ -109,18 +109,6 @@ onMounted(async () => {
   gap: 15px;
 }
 
-body.has-background .headerbar {
-  background-color: rgba(255,255,255,0.2);
-  filter: drop-shadow(0px 0px 14px white);
-}
-
-@media (prefers-color-scheme: dark) {
-  body.has-background .headerbar {
-    background-color: rgba(0,0,0,0.2);
-    filter: drop-shadow(0px 0px 14px black);
-  }
-}
-
 .headerbar-action {
   display: flex;
   align-items: center;
diff --git a/dashboard/src/components/Section.vue b/dashboard/src/components/Section.vue
index d457cae78..72e4110a1 100644
--- a/dashboard/src/components/Section.vue
+++ b/dashboard/src/components/Section.vue
@@ -33,20 +33,6 @@ export default {
   margin-bottom: 50px;
 }
 
-body.has-background .section {
-  background-color: rgba(255,255,255,0.2);
-  filter: drop-shadow(0px 0px 14px white);
-  border-radius: 10px;
-}
-
-@media (prefers-color-scheme: dark) {
-  body.has-background .section {
-    background-color: rgba(0,0,0,0.2);
-    filter: drop-shadow(0px 0px 14px black);
-    border-radius: 10px;
-  }
-}
-
 .section-header {
   display: flex;
   flex-wrap: wrap;
@@ -78,10 +64,6 @@ body.has-background .section {
   }
 }
 
-body.has-background .section-divider {
-  border: none;
-}
-
 .section-body {
   position: relative;
   margin-bottom: 15px;
diff --git a/dashboard/src/views/AppsView.vue b/dashboard/src/views/AppsView.vue
index 02889100d..015477567 100644
--- a/dashboard/src/views/AppsView.vue
+++ b/dashboard/src/views/AppsView.vue
@@ -403,18 +403,6 @@ onUnmounted(() => {
   background-color: var(--card-background);
 }
 
-body.has-background .grid-item {
-  background-color: rgba(255,255,255,0.3);
-  filter: drop-shadow(0px 0px 14px white);
-}
-
-@media (prefers-color-scheme: dark) {
-  body.has-background .grid-item {
-    background-color: rgba(0,0,0,0.3);
-    filter: drop-shadow(0px 0px 14px black);
-  }
-}
-
 .grid-item:focus,
 .grid-item:hover {
   box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
diff --git a/dashboard/src/views/ProfileView.vue b/dashboard/src/views/ProfileView.vue
index 07d789e45..b57a017be 100644
--- a/dashboard/src/views/ProfileView.vue
+++ b/dashboard/src/views/ProfileView.vue
@@ -117,19 +117,6 @@ async function onAvatarChanged(file) {
   user.value.avatarUrl = u.toString();
 }
 
-async function onBackgroundChanged(file) {
-  await profileModel.setBackgroundImage(file);
-  await refreshProfile();
-
-  if (file) {
-    window.document.body.style.backgroundImage = `url('${user.value.backgroundImageUrl}')`;
-    window.document.body.classList.add('has-background');
-  } else {
-    window.document.body.style.backgroundImage = 'None';
-    window.document.body.classList.remove('has-background');
-  }
-}
-
 // Password changes
 async function onPasswordChange() {
   const result = await inputDialog.value.prompt({
@@ -290,10 +277,6 @@ onMounted(async () => {
       <div style="display: flex; flex-wrap: wrap">
         <div style="width: 150px; display: flex; flex-direction: column; justify-content: space-between;">
           <ImagePicker :src="user.avatarUrl" fallback-src="/img/background-image-placeholder.svg" :size="512" @changed="onAvatarChanged" display-width="128px"/>
-          <div>
-            <ImagePicker :src="user.backgroundImageUrl" fallback-src="/img/background-image-placeholder.svg" :max-size="1280" @changed="onBackgroundChanged" display-width="128px"/>
-            <div v-if="user.hasBackgroundImage" class="actionable" @click="onBackgroundChanged(null)">Clear</div>
-          </div>
         </div>
         <div style="flex-grow: 1;">
           <SettingsItem>
@@ -359,37 +342,3 @@ onMounted(async () => {
     </Section>
   </div>
 </template>
-
-<style scoped>
-
-.profile-avatar {
-  position: relative;
-  cursor: pointer;
-  width: 128px;
-  height: 128px;
-  background-position: center;
-  background-size: 100% 100%;
-  background-repeat: no-repeat;
-  border: 1px solid gray;
-  border-radius: 3px;
-  margin-bottom: 10px;
-}
-
-.profile-avatar-edit-indicator {
-  position: absolute;
-  bottom: -4px;
-  right: -4px;
-  border-radius: 20px;
-  padding: 5px;
-  color: var(--pankow-text-color);
-  background-color: var(--pankow-input-background-color);
-  transition: all 250ms;
-}
-
-.profile-avatar:hover .profile-avatar-edit-indicator {
-  color: white;
-  background: var(--pankow-color-primary);
-  transform: scale(1.2);
-}
-
-</style>