From 634559b46c77ff091a8cd4927b005e09ce4c94e4 Mon Sep 17 00:00:00 2001
From: Vignesh <vignesh@pillarproject.io>
Date: Tue, 11 Nov 2025 22:09:16 +0530
Subject: [PATCH] fixed to dropdown taking fixed width than the button

---
 .../WalletConnectDropdown/WalletConnectDropdown.tsx         | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/apps/pillarx-app/components/WalletConnectDropdown/WalletConnectDropdown.tsx b/src/apps/pillarx-app/components/WalletConnectDropdown/WalletConnectDropdown.tsx
index 40e858b8..bff45441 100644
--- a/src/apps/pillarx-app/components/WalletConnectDropdown/WalletConnectDropdown.tsx
+++ b/src/apps/pillarx-app/components/WalletConnectDropdown/WalletConnectDropdown.tsx
@@ -334,11 +334,11 @@ const WalletConnectDropdown = () => {
   return (
     <div
       id="walletConnect-dropdown"
-      className="relative inline-block w-[254px] h-12"
+      className="relative inline-block w-fit h-12"
       ref={dropdownRef}
     >
       <div
-        className="flex py-[9px] px-3 w-fit h-fit items-center justify-center border-x-2 border-t-2 border-b-4 rounded-[10px] border-[#121116] cursor-pointer"
+        className="flex py-[9px] px-3 w-fit h-[44px] items-center justify-center border-x-2 border-t-2 border-b-4 rounded-[10px] border-[#121116] cursor-pointer"
         onClick={handleDropdownToggle}
       >
         <div className="flex gap-2 items-center justify-center rounded-lg">
@@ -363,7 +363,7 @@ const WalletConnectDropdown = () => {
         </div>
       </div>
       {isDropdownOpen && (
-        <div className="flex flex-col py-[9px] px-3 w-fit h-fit border-x-2 border-t-2 border-b-4 rounded-[10px] border-[#121116] gap-4 absolute left-0 w-full p-4 bg-container_grey z-10">
+        <div className="flex flex-col py-[9px] px-3 w-[254px] h-fit border-x-2 border-t-2 border-b-4 rounded-[10px] border-[#121116] gap-4 absolute left-0 p-4 bg-container_grey z-10">
           <DisplayContentWalletConnect />
         </div>
       )}