diff --git a/resources/assets/less/yuuno/master.less b/resources/assets/less/yuuno/master.less
index e0ed89e..df128fe 100644
--- a/resources/assets/less/yuuno/master.less
+++ b/resources/assets/less/yuuno/master.less
@@ -1153,6 +1153,14 @@ a.default:active {
     border-right: 1px solid #B19EED;
 }
 
+/*
+ * Background transparency
+ */
+.background-transparent {
+    border-style: dashed;
+    background: fade(#D3BFFF, 50%);
+}
+
 /*
  * News page styling
  */
diff --git a/resources/views/yuuno/master.twig b/resources/views/yuuno/master.twig
index b3376a8..5c67291 100644
--- a/resources/views/yuuno/master.twig
+++ b/resources/views/yuuno/master.twig
@@ -63,7 +63,7 @@
             </div>
             <div id="contentwrapper">
                 <div id="notifications"></div>
-                {% if profile is defined ? profile.background : (user.permission(constant('Sakura\\Perms\\Site::CHANGE_BACKGROUND')) and user.backgroundSitewide and user.background) %}
+                {% if profile is defined ? profile.background : (user.permission(constant('Sakura\\Perms\\Site::CHANGE_BACKGROUND')) and (user.backgroundSitewide or showBG) and user.background) %}
                     <div id="userBackground" style="background-image: url('{{ route('file.background', (profile is defined ? profile : user).id) }}');"></div>
                 {% endif %}
                 {% if not user.isActive and server['REQUEST_URI'] != route('auth.login') %}
diff --git a/resources/views/yuuno/settings/appearance/background.twig b/resources/views/yuuno/settings/appearance/background.twig
index 7eded69..07fd8d8 100644
--- a/resources/views/yuuno/settings/appearance/background.twig
+++ b/resources/views/yuuno/settings/appearance/background.twig
@@ -1,6 +1,7 @@
 {% extends 'settings/appearance/master.twig' %}
 
 {% set mode = 'Background' %}
+{% set showBG = true %}
 
 {% block description %}
     <p>Maximum image size is {{ config('file.background.max_width') }}x{{ config('file.background.max_height') }} and can't be larger than {{ config('file.background.max_file_size')|byte_symbol }}.</p>
@@ -10,9 +11,6 @@
     <form enctype="multipart/form-data" method="post" action="{{ route('settings.appearance.background') }}">
         <input type="hidden" name="MAX_FILE_SIZE" value="{{ config('file.background.max_file_size') }}">
         <div style="text-align: center;">
-            <div>
-                <img src="{{ route('file.background', user.id) }}" alt="Your Background" class="default-avatar-setting" style="max-width: 90%; max-height: 90%;">
-            </div>
             <div>
                 <input type="file" name="background">
                 <div style="font-size: .8em;">
diff --git a/resources/views/yuuno/settings/master.twig b/resources/views/yuuno/settings/master.twig
index 979c909..3a5f949 100644
--- a/resources/views/yuuno/settings/master.twig
+++ b/resources/views/yuuno/settings/master.twig
@@ -3,25 +3,25 @@
 {% set title = category ~ ' / ' ~ mode %}
 
 {% block content %}
-    <div class="content settings messages">
-    <div class="content-right content-column">
-        <div class="head">
-            Navigation
-        </div>
-        <div class="right-menu-nav">
-            {% for name,links in navigation %}
-                <div>{{ name }}</div>
-                {% for name,link in links %}
-                    <a href="{{ link }}">{{ name }}</a>
+    <div class="content settings messages {% if showBG %}background-transparent{% endif %}">
+        <div class="content-right content-column">
+            <div class="head">
+                Navigation
+            </div>
+            <div class="right-menu-nav">
+                {% for name,links in navigation %}
+                    <div>{{ name }}</div>
+                    {% for name,link in links %}
+                        <a href="{{ link }}">{{ name }}</a>
+                    {% endfor %}
                 {% endfor %}
-            {% endfor %}
+            </div>
         </div>
+        <div class="content-left content-column">
+            <div class="head">{{ title }}</div>
+            <div class="settings-explanation">{{ block('description') }}</div>
+            {{ block('settingsContent') }}
+        </div>
+        <div class="clear"></div>
     </div>
-    <div class="content-left content-column">
-        <div class="head">{{ title }}</div>
-        <div class="settings-explanation">{{ block('description') }}</div>
-        {{ block('settingsContent') }}
-    </div>
-    <div class="clear"></div>
-</div>
 {% endblock %}