diff --git a/ui/app/components/app/alerts/unconnected-account-alert/unconnected-account-alert.js b/ui/app/components/app/alerts/unconnected-account-alert/unconnected-account-alert.js
index b56408a48..779a5a92b 100644
--- a/ui/app/components/app/alerts/unconnected-account-alert/unconnected-account-alert.js
+++ b/ui/app/components/app/alerts/unconnected-account-alert/unconnected-account-alert.js
@@ -80,7 +80,8 @@ const UnconnectedAccountAlert = () => {
         <Button
           disabled={alertState === LOADING}
           onClick={onClose}
-          type="secondary"
+          type="primary"
+          rounded
           className="unconnected-account-alert__dismiss-button"
         >
           { t('dismiss') }
@@ -94,6 +95,7 @@ const UnconnectedAccountAlert = () => {
       title={isExtensionUrl(origin) ? t('currentExtension') : new URL(origin).host}
       subtitle={t('currentAccountNotConnected')}
       onClose={onClose}
+      className="unconnected-account-alert"
       contentClassName="unconnected-account-alert__content"
       footerClassName="unconnected-account-alert__footer"
       footer={footer}
diff --git a/ui/app/components/app/alerts/unconnected-account-alert/unconnected-account-alert.scss b/ui/app/components/app/alerts/unconnected-account-alert/unconnected-account-alert.scss
index 1ae28dd50..053bf181b 100644
--- a/ui/app/components/app/alerts/unconnected-account-alert/unconnected-account-alert.scss
+++ b/ui/app/components/app/alerts/unconnected-account-alert/unconnected-account-alert.scss
@@ -16,7 +16,7 @@
     flex-direction: row;
   }
 
-  &__dismiss-button {
+  & &__dismiss-button {
     background: $primary-blue;
     color: white;
     height: 40px;