remove token image rounding

components/swap/SwapForm.tsx

@@ -318,7 +318,7 @@ const SwapForm = () => {
           </div>
         </div>
         <div className="mb-2 flex items-end justify-between">
-          <p className="text-base text-th-fgd-2">{t('swap:pay')}</p>
+          <p className="text-th-fgd-2 lg:text-base">{t('swap:pay')}</p>
           <MaxSwapAmount
             useMargin={useMargin}
             setAmountIn={(v) => setAmountInFormValue(v, true)}
@@ -366,7 +366,7 @@ const SwapForm = () => {
             />
           </button>
         </div>
-        <p className="mb-2 text-base text-th-fgd-2">{t('swap:receive')}</p>
+        <p className="mb-2 text-th-fgd-2 lg:text-base">{t('swap:receive')}</p>
         <div id="swap-step-three" className="mb-3 grid grid-cols-2">
           <div className="col-span-1 rounded-lg rounded-r-none border border-r-0 border-th-input-border bg-th-input-bkg">
             <TokenSelect

components/trade/AdvancedTradeForm.tsx

@@ -400,13 +400,7 @@ const AdvancedTradeForm = () => {
         <div className="flex flex-col">
           <div className="default-transition flex items-center rounded-md rounded-b-none border border-th-input-border bg-th-input-bkg p-2 text-xs font-bold text-th-fgd-1 md:hover:z-10 md:hover:border-th-input-border-hover lg:text-base">
             {baseLogoURI ? (
-              <Image
-                className="rounded-full"
-                alt=""
-                width="24"
-                height="24"
-                src={baseLogoURI}
-              />
+              <Image alt="" width="24" height="24" src={baseLogoURI} />
             ) : (
               <QuestionMarkCircleIcon className="h-6 w-6 text-th-fgd-3" />
             )}
@@ -429,13 +423,7 @@ const AdvancedTradeForm = () => {
           </div>
           <div className="default-transition -mt-[1px] flex items-center rounded-md rounded-t-none border border-th-input-border bg-th-input-bkg p-2 text-xs font-bold text-th-fgd-1 md:hover:border-th-input-border-hover lg:text-base">
             {quoteLogoURI ? (
-              <Image
-                className="rounded-full"
-                alt=""
-                width="24"
-                height="24"
-                src={quoteLogoURI}
-              />
+              <Image alt="" width="24" height="24" src={quoteLogoURI} />
             ) : (
               <QuestionMarkCircleIcon className="h-6 w-6 text-th-fgd-3" />
             )}

components/trade/MarketLogos.tsx

@@ -59,7 +59,7 @@ const MarketLogos = ({
         {logos.baseLogoURI ? (
           <Image
             alt=""
-            className="z-10 rounded-full drop-shadow-md"
+            className="z-10 drop-shadow-md"
             width={small ? '16' : '20'}
             height={small ? '16' : '20'}
             src={logos.baseLogoURI}
@@ -74,7 +74,7 @@ const MarketLogos = ({
         {logos.quoteLogoURI && market instanceof Serum3Market ? (
           <Image
             alt=""
-            className="rounded-full opacity-60"
+            className="opacity-60"
             width={small ? '16' : '20'}
             height={small ? '16' : '20'}
             src={logos.quoteLogoURI}