From 246752d9edaa1498313e6583bd90ccd6f9329478 Mon Sep 17 00:00:00 2001
From: Rajveer Singh <rajveergreets@gmail.com>
Date: Thu, 12 Dec 2024 01:29:43 +0530
Subject: [PATCH] fixed layout issues on bounty page (#1643)

---
 src/app/bounty/page.tsx            | 4 ++--
 src/components/PaymentDropdown.tsx | 8 ++++----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/app/bounty/page.tsx b/src/app/bounty/page.tsx
index 4f1d986db..c8a2b1218 100644
--- a/src/app/bounty/page.tsx
+++ b/src/app/bounty/page.tsx
@@ -67,8 +67,8 @@ export default function Page() {
 
   return (
     <>
-      <div className="h-max pb-4 transition-colors duration-500 md:p-8">
-        <div className="mb-6 flex flex-col items-start justify-center px-4 pt-3 sm:px-8">
+      <div className="h-max pb-4 transition-colors duration-500 md:p-8 flex flex-col items-center justify-center w-full">
+        <div className="mb-6 flex flex-col items-start justify-center px-4 pt-3 sm:px-8 max-w-[90rem] w-full">
           <div className="text-2xl text-black transition-colors duration-500 dark:text-white sm:text-3xl">
             <h1 className="mt-20 text-black dark:text-white sm:mt-16">
               Your Bounties
diff --git a/src/components/PaymentDropdown.tsx b/src/components/PaymentDropdown.tsx
index 7e0ba86b8..2174c8889 100644
--- a/src/components/PaymentDropdown.tsx
+++ b/src/components/PaymentDropdown.tsx
@@ -77,7 +77,7 @@ export default function PaymentMethodsDropdown({
       {isDropdownOpen && (
         <div className="w-full px-2 py-8 sm:px-0">
           <div className="mb-8">
-            <div className="flex w-[90vw] justify-between">
+            <div className="flex justify-between">
               <p className="py-2 font-semibold">UPI Addresses</p>
               {upiAddresses && upiAddresses.length < 2 && (
                 <Button
@@ -93,7 +93,7 @@ export default function PaymentMethodsDropdown({
                 </Button>
               )}
             </div>
-            <div className="flex w-[90vw] flex-col sm:w-3/6">
+            <div className="flex flex-col">
               {upiAddresses && upiAddresses.length !== 0 ? (
                 upiAddresses?.map((upi) => (
                   <div
@@ -120,7 +120,7 @@ export default function PaymentMethodsDropdown({
           </div>
 
           <div>
-            <div className="flex w-[90vw] justify-between">
+            <div className="flex justify-between">
               <p className="py-2 font-semibold">Solana Addresses</p>
               {solanaAddresses && solanaAddresses.length < 2 && (
                 <Button
@@ -136,7 +136,7 @@ export default function PaymentMethodsDropdown({
                 </Button>
               )}
             </div>
-            <div className="flex w-[90vw] flex-col sm:w-3/6">
+            <div className="flex flex-col">
               {solanaAddresses?.length !== 0 ? (
                 solanaAddresses?.map((sol) => (
                   <div