diff --git a/src/popup/accounts/home.component.html b/src/popup/accounts/home.component.html
index 94867733807..aa678422a4f 100644
--- a/src/popup/accounts/home.component.html
+++ b/src/popup/accounts/home.component.html
@@ -1,6 +1,6 @@
 <div class="center-content">
     <div class="content">
-        <img alt="Bitwarden" class="img-responsive logo-image" />
+        <div class="logo-image"></div>
         <p class="lead text-center">{{'loginOrCreateNewAccount' | i18n}}</p>
         <a class="btn primary block" routerLink="/login"><b>{{'login' | i18n}}</b></a>
         <a class="btn block" routerLink="/register">{{'createAccount' | i18n}}</a>
diff --git a/src/popup/scss/misc.scss b/src/popup/scss/misc.scss
index f3598849bd0..b3defe115c6 100644
--- a/src/popup/scss/misc.scss
+++ b/src/popup/scss/misc.scss
@@ -147,7 +147,22 @@ app-vault-icon {
 }
 
 .logo-image {
+    margin: 0 auto;
+    width: 142px;
+    height: 21px;
+    background-size: 142px 21px;
+    background-repeat: no-repeat;
     @include themify($themes) {
-        content: url('../images/logo-' + themed('logoSuffix') + '@2x.png');
+        background-image: url('../images/logo-' + themed('logoSuffix') + '@2x.png');
+    }
+    @media (min-width: 219px) {
+        width: 189px;
+        height: 28px;
+        background-size: 189px 28px;
+    }
+    @media (min-width: 314px) {
+        width: 284px;
+        height: 43px;
+        background-size: 284px 43px;
     }
 }