diff --git a/ui/components/app/app-components.scss b/ui/components/app/app-components.scss
index 036152c71..6d3ea4af4 100644
--- a/ui/components/app/app-components.scss
+++ b/ui/components/app/app-components.scss
@@ -19,7 +19,6 @@
 @import 'connected-accounts-list/index';
 @import 'connected-accounts-permissions/index';
 @import 'connected-sites-list/index';
-@import 'connected-status-indicator/index';
 @import 'create-new-vault/create-new-vault.scss';
 @import 'custom-spending-cap/index';
 @import 'edit-gas-display/index';
diff --git a/ui/components/app/connected-status-indicator/index.scss b/ui/components/app/connected-status-indicator/index.scss
deleted file mode 100644
index 3b18f16a4..000000000
--- a/ui/components/app/connected-status-indicator/index.scss
+++ /dev/null
@@ -1,57 +0,0 @@
-.connected-status-indicator {
-  display: flex;
-  align-items: center;
-  place-self: center start;
-  background: none;
-  font-size: inherit;
-  padding: 8px;
-  border-radius: 100px;
-
-  &:hover,
-  &:active {
-    background-color: var(--color-background-default-hover);
-  }
-
-  &__inner-circle {
-    border-radius: 4px;
-    height: 4px;
-    width: 4px;
-    background-color: transparent;
-  }
-
-  &__green-circle,
-  &__yellow-circle,
-  &__grey-circle {
-    border-radius: 4px;
-    height: 8px;
-    width: 8px;
-    border: 1px solid transparent;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-
-  &__green-circle {
-    border-color: var(--color-success-default);
-  }
-
-  &__green-circle &__inner-circle {
-    background-color: var(--color-success-default);
-  }
-
-  &__yellow-circle {
-    border-color: var(--color-warning-default);
-  }
-
-  &__grey-circle {
-    border-color: var(--color-border-default);
-  }
-
-  &__text {
-    @include H8;
-
-    color: var(--color-text-alternative);
-    margin-left: 6px;
-    white-space: nowrap;
-  }
-}