From 47a39747ad5bf401bfb59ed3aea11216bc8cb2c2 Mon Sep 17 00:00:00 2001
From: Sid Vishnoi <8426945+sidvishnoi@users.noreply.github.com>
Date: Wed, 2 Oct 2024 15:21:47 +0530
Subject: [PATCH] style improvements

---
 src/popup/components/ConnectWalletForm.tsx | 18 ++++--------------
 1 file changed, 4 insertions(+), 14 deletions(-)

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>