diff --git a/app/images/info-logo.png b/app/images/info-logo.png
deleted file mode 100644
index ab777d44e..000000000
Binary files a/app/images/info-logo.png and /dev/null differ
diff --git a/app/phishing.html b/app/phishing.html
index f7c159437..e854d79fa 100644
--- a/app/phishing.html
+++ b/app/phishing.html
@@ -75,7 +75,7 @@
       }
       .content__header img {
         margin-bottom: 3em;
-        width: 160px;
+        width: 130px;
       }
       .content__body {
         background-color: var(--color-background-alternative);
@@ -95,7 +95,7 @@
   <body>
     <div class="content">
       <div class="content__header">
-        <img src="./images/info-logo.png" alt="" />
+        <img src="./images/logo/metamask-fox.svg" alt="MetaMask Logo" />
         <h1>
           <i class="fa fa-exclamation-circle" aria-hidden="true"></i>
           MetaMask Phishing Detection
diff --git a/ui/pages/settings/info-tab/index.scss b/ui/pages/settings/info-tab/index.scss
index ccbc9f9ea..f08538ea8 100644
--- a/ui/pages/settings/info-tab/index.scss
+++ b/ui/pages/settings/info-tab/index.scss
@@ -1,15 +1,12 @@
 .info-tab {
   &__logo-wrapper {
-    height: 80px;
     margin-bottom: 20px;
+    display: flex;
+    justify-content: center;
   }
 
   &__logo {
-    max-height: 100%;
-    max-width: 50%;
-    display: block;
-    margin-left: auto;
-    margin-right: auto;
+    height: 80px;
   }
 
   &__item {
diff --git a/ui/pages/settings/info-tab/info-tab.component.js b/ui/pages/settings/info-tab/info-tab.component.js
index c4de92b31..80ef996ad 100644
--- a/ui/pages/settings/info-tab/info-tab.component.js
+++ b/ui/pages/settings/info-tab/info-tab.component.js
@@ -142,7 +142,11 @@ export default class InfoTab extends PureComponent {
           {this.renderInfoLinks()}
         </div>
         <div className="info-tab__logo-wrapper">
-          <img src="./images/info-logo.png" className="info-tab__logo" alt="" />
+          <img
+            src="./images/logo/metamask-fox.svg"
+            className="info-tab__logo"
+            alt="MetaMask Logo"
+          />
         </div>
       </div>
     );
diff --git a/ui/pages/settings/info-tab/info-tab.stories.js b/ui/pages/settings/info-tab/info-tab.stories.js
new file mode 100644
index 000000000..ea7800a43
--- /dev/null
+++ b/ui/pages/settings/info-tab/info-tab.stories.js
@@ -0,0 +1,11 @@
+import React from 'react';
+import InfoTab from '.';
+
+export default {
+  title: 'Pages/Settings/InfoTab',
+  id: __filename,
+};
+
+export const DefaultStory = () => <InfoTab />;
+
+DefaultStory.storyName = 'Default';
