Merge branch 'master' of https://gitlab.chiefsoft.net/WrenchBoard/Users-Wrench into my_wallet_layout

src/components/MyWallet/WalletItemCard.jsx

@@ -35,12 +35,12 @@ export default function WalletItemCard({ walletItem, payment }) {
   return (
     <>
       <div
-        className={`current-balance-widget w-full h-full rounded-2xl overflow-hidden flex flex-col gap-2 px-8 py-9`}
+        className={`current-balance-widget w-[350px] h-full rounded-2xl overflow-hidden flex flex-col gap-2 px-8 pt-9 pb-20`}
         style={{
           background: `url(${background}) 0% 0% / cover no-repeat`,
         }}
       >
-        <div className="wallet xxs:flex justify-around items-start gap-3">
+        <div className="wallet xxs:flex justify-between items-start gap-3">
           <div className="min-w-[100px] min-h-[100px] max-w-[100px] max-h-[100px] rounded-full bg-[#e3e3e3] flex justify-center items-center">
             <img
               src={localImgLoad(`images/currency/${image}`)}
@@ -48,7 +48,7 @@ export default function WalletItemCard({ walletItem, payment }) {
               alt="curreny-icon"
             />
           </div>
-          <div className="balance w-full">
+          <div className="balance mt-2">
             <p className="text-lg text-white opacity-[70%] tracking-wide mb-6">
               Current Balance
             </p>
@@ -60,7 +60,7 @@ export default function WalletItemCard({ walletItem, payment }) {
                 "text-[2rem]"
               )}
             </p>
-            <p className="xxs:-ml-5 mt-10 text-lg text-white tracking-wide flex justify-start items-center gap-2">
+            <p className="xxs:-ml-5 mt-10 mb-5 text-lg text-white tracking-wide flex justify-start items-center gap-2">
               HOLDINGS :{" "}
               <span className="mt-1">
                 {PriceFormatter(