diff --git a/app/assets/javascripts/app/views/getting_started/base.jst.eco b/app/assets/javascripts/app/views/getting_started/base.jst.eco
index 00b090368..cc70e48ff 100644
--- a/app/assets/javascripts/app/views/getting_started/base.jst.eco
+++ b/app/assets/javascripts/app/views/getting_started/base.jst.eco
@@ -13,7 +13,8 @@
           <div class="form-group">
             <label><%- @T('Logo') %></label>
             <div class="alert alert--danger hide" role="alert"></div>
-            <img class="logo-preview" src="" data-placeholder="<%- @T('Your Logo') %>">
+            <img class="logo-preview" src="">
+            <div class="logo-preview-placeholder"><%- @T('Your Logo') %></div>
             <div class="btn btn--success fileUpload"><%- @T('Upload') %><input type="file" class="js-upload" name="logo" accept="image/*"></div>
           </div>
           <div class="form-group">
diff --git a/app/assets/javascripts/app/views/layout_ref/setup.jst.eco b/app/assets/javascripts/app/views/layout_ref/setup.jst.eco
index ee8181457..25a346dc5 100644
--- a/app/assets/javascripts/app/views/layout_ref/setup.jst.eco
+++ b/app/assets/javascripts/app/views/layout_ref/setup.jst.eco
@@ -55,7 +55,8 @@
           </div>
           <div class="form-group">
             <label>Logo</label>
-            <img class="logo-preview" src="" data-placeholder="Your Logo">
+            <img class="logo-preview" src="">
+            <div class="logo-preview-placeholder"><%- @T('Your Logo') %></div>
             <div class="btn btn--success fileUpload">Upload<input type="file" class="js-upload" accept="image/*"></div>
           </div>
           <div class="form-group">
diff --git a/app/assets/stylesheets/zammad.css.scss b/app/assets/stylesheets/zammad.css.scss
index e36c8e431..14598e683 100644
--- a/app/assets/stylesheets/zammad.css.scss
+++ b/app/assets/stylesheets/zammad.css.scss
@@ -4241,27 +4241,26 @@ label + .wizard-buttonList {
 
 .setup.wizard .logo-preview {
   display: block;
-  background: hsl(0,0%,95%);
-  width: 100%;
-  height: 60px;
-  margin-bottom: 10px;
-  content: "";
-  color: hsl(0,0%,60%);
-  @extend .centered;
+  height: 0;
+  max-width: 200px;
+  max-height: 100px;
 
-  &:after {
-    content: attr(data-placeholder);
+  + .logo-preview-placeholder {
+    height: 100px;
+    color: hsl(0,0%,60%);
+    background: hsl(0,0%,95%);
+    margin-bottom: 10px;
+    @extend .centered;
   }
 }
 
 .setup.wizard .logo-preview:not([src=""]) {
-  content: initial;
-  max-width: 240px;
-  max-height: 60px;
   margin: 0 auto 15px;
-  background: none;
-  width: auto;
   height: auto;
+  
+  + .logo-preview-placeholder {
+    display: none;
+  }
 }
 
 .import.wizard .wizard-slide {