diff --git a/ui/pages/token-details/index.scss b/ui/pages/token-details/index.scss
index 6814ba599..c62952340 100644
--- a/ui/pages/token-details/index.scss
+++ b/ui/pages/token-details/index.scss
@@ -12,7 +12,7 @@
     &::after {
       font-size: 24px;
       content: '\00D7';
-      color: var(--black);
+      color: var(--color-icon-default);
     }
   }
 
@@ -42,8 +42,4 @@
       margin-inline-start: 20px;
     }
   }
-
-  .btn--rounded.btn-primary {
-    background-color: #fff;
-  }
 }
diff --git a/ui/pages/token-details/token-details-page.js b/ui/pages/token-details/token-details-page.js
index 592a93691..ea0c97a86 100644
--- a/ui/pages/token-details/token-details-page.js
+++ b/ui/pages/token-details/token-details-page.js
@@ -177,7 +177,7 @@ export default function TokenDetailsPage() {
             : t(networkType)}
         </Typography>
         <Button
-          type="primary"
+          type="secondary"
           className="token-details__hide-token-button"
           onClick={() => {
             dispatch(