diff --git a/apps/common/main/lib/view/About.js b/apps/common/main/lib/view/About.js
index c252cc06d..ac009ef06 100644
--- a/apps/common/main/lib/view/About.js
+++ b/apps/common/main/lib/view/About.js
@@ -61,7 +61,7 @@ define([
             this.template = _.template([
                 '<table id="id-about-licensor-logo" cols="1" style="width: 100%; margin-top: 20px;">',
                     '<tr>',
-                        '<td align="center"><div><img class="asc-about-office"></div></td>',
+                        '<td align="center"><div class="asc-about-office"></div></td>',
                     '</tr>',
                     '<tr>',
                         '<td align="center"><label class="asc-about-version">' + options.appName.toUpperCase() + '</label></td>',
diff --git a/apps/common/main/resources/less/about.less b/apps/common/main/resources/less/about.less
index c0ec153b8..b1b2d6ed9 100644
--- a/apps/common/main/resources/less/about.less
+++ b/apps/common/main/resources/less/about.less
@@ -2,13 +2,16 @@
     .asc-about-office {
         background-repeat: no-repeat;
         margin-bottom: 5px;
-        content: data-uri('@{common-image-path}/about/logo.png');
 
-        @media
-        only screen and (-webkit-min-device-pixel-ratio: 2),
-        only screen and (min-resolution: 2dppx),
-        only screen and (min-resolution: 192dpi) {
-            content: data-uri('@{common-image-path}/about/logo@2x.png');
+        &:before {
+            content: data-uri('@{common-image-path}/about/logo.png');
+
+            @media
+            only screen and (-webkit-min-device-pixel-ratio: 2),
+            only screen and (min-resolution: 2dppx),
+            only screen and (min-resolution: 192dpi) {
+                content: data-uri('@{common-image-path}/about/logo@2x.png');
+            }
         }
     }