diff --git a/src/shared/styles/background.scss b/src/shared/styles/background.scss
index cb57cdd62..c26278331 100644
--- a/src/shared/styles/background.scss
+++ b/src/shared/styles/background.scss
@@ -32,6 +32,17 @@
             word-spacing: 5px;
         }
     }
+
+    @media screen and (max-width: $mobile-portrait-length) {
+        .converse-brand {
+            display: none;
+        }
+    }
+    @include media-breakpoint-down(sm) {
+        .converse-brand {
+            display: none;
+        }
+    }
 }
 
 .converse-fullscreen {
@@ -115,11 +126,3 @@
         }
     }
 }
-
-@include media-breakpoint-down(m) {
-    #conversejs-bg {
-        .converse-brand {
-            display: none;
-        }
-    }
-}
diff --git a/webpack/webpack.build.js b/webpack/webpack.build.js
index 2b44cddb8..af9b6f20b 100644
--- a/webpack/webpack.build.js
+++ b/webpack/webpack.build.js
@@ -21,6 +21,7 @@ const plugins = [
             {from: 'logo/conversejs-filled-192.svg', to: 'images/logo'},
             {from: 'logo/conversejs-filled-512.svg', to: 'images/logo'},
             {from: 'logo/conversejs-filled.svg', to: 'images/logo'},
+            {from: 'logo/conversejs-gold-gradient.svg', to: 'images/logo'},
             {from: 'src/shared/styles/webfonts', to: 'webfonts'}
         ]
     }),