diff --git a/src/popup/components/ConnectWalletForm.tsx b/src/popup/components/ConnectWalletForm.tsx
index fc088ba9..0d40ade8 100644
--- a/src/popup/components/ConnectWalletForm.tsx
+++ b/src/popup/components/ConnectWalletForm.tsx
@@ -404,23 +404,13 @@ const AutoKeyAddConsent: React.FC<{
   const t = useTranslation();
   return (
     <form className="space-y-4" data-testid="connect-wallet-auto-key-consent">
-      <p className="text-sm text-medium">
-        {t('connectWalletKeyService_text_consent')}
-      </p>
+      <p className="text-medium">{t('connectWalletKeyService_text_consent')}</p>
 
-      <div className="flex justify-between gap-6">
-        <Button
-          type="button"
-          onClick={onAccept}
-          className="bg-green-600 text-white"
-        >
+      <div className="mx-auto flex w-3/4 justify-around gap-4">
+        <Button onClick={onAccept}>
           {t('connectWalletKeyService_label_conceptAccept')}
         </Button>
-        <Button
-          type="button"
-          onClick={onDecline}
-          className="bg-red-600 text-white"
-        >
+        <Button onClick={onDecline} variant="destructive">
           {t('connectWalletKeyService_label_conceptDecline')}
         </Button>
       </div>