diff --git a/app/images/icons/connected-sites.svg b/app/images/icons/connected-sites.svg
deleted file mode 100644
index 4d90e233f..000000000
--- a/app/images/icons/connected-sites.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
diff --git a/ui/components/app/menu-bar/account-options-menu.js b/ui/components/app/menu-bar/account-options-menu.js
index 394958427..063a8e420 100644
--- a/ui/components/app/menu-bar/account-options-menu.js
+++ b/ui/components/app/menu-bar/account-options-menu.js
@@ -125,7 +125,7 @@ export default function AccountOptionsMenu({ anchorElement, onClose }) {
history.push(CONNECTED_ROUTE);
onClose();
}}
- iconClassName="account-options-menu__connected-sites"
+ iconClassName="fa fa-bullseye"
>
{t('connectedSites')}
diff --git a/ui/components/app/menu-bar/accoutn-options-menu.stories.js b/ui/components/app/menu-bar/accoutn-options-menu.stories.js
new file mode 100644
index 000000000..daebb7bab
--- /dev/null
+++ b/ui/components/app/menu-bar/accoutn-options-menu.stories.js
@@ -0,0 +1,19 @@
+import React from 'react';
+import AccountOptionsMenu from '.';
+
+export default {
+ title: 'Components/App/AccountOptionsMenu',
+ id: __filename,
+ argTypes: {
+ anchorElement: {
+ control: 'func',
+ },
+ onClose: {
+ action: 'onClose',
+ },
+ },
+};
+
+export const DefaultStory = (args) => ;
+
+DefaultStory.storyName = 'Default';
diff --git a/ui/components/app/menu-bar/index.scss b/ui/components/app/menu-bar/index.scss
index 1902a833d..cced9f864 100644
--- a/ui/components/app/menu-bar/index.scss
+++ b/ui/components/app/menu-bar/index.scss
@@ -21,15 +21,6 @@
}
.account-options-menu {
- &__connected-sites::before {
- content: "";
- background-image: url(/images/icons/connected-sites.svg);
- background-size: contain;
- background-repeat: no-repeat;
- background-position: center;
- padding: 8px;
- }
-
&__explorer-origin {
@include H7;