From 4245ba536420950305489ebae67c7730f83e2092 Mon Sep 17 00:00:00 2001
From: bry <bryanzettler@gmail.com>
Date: Thu, 14 Sep 2023 18:10:03 -0500
Subject: [PATCH] tweak layout

---
 src/components/TokenPill.tsx                          | 11 ++++++++---
 .../modals/InsufficientSolConversionModal.tsx         |  4 ++--
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/components/TokenPill.tsx b/src/components/TokenPill.tsx
index c6dc288cc..a0f8e8f2a 100644
--- a/src/components/TokenPill.tsx
+++ b/src/components/TokenPill.tsx
@@ -5,7 +5,7 @@ import { useMetaplexMetadata } from '@hooks/useMetaplexMetadata'
 import { PublicKey } from '@solana/web3.js'
 import { useCreateOpacity } from '@theme/themeHooks'
 import React, { memo, useCallback } from 'react'
-import { Pressable } from 'react-native'
+import { Pressable, ViewStyle } from 'react-native'
 import CarotDown from '../assets/images/carotDownFull.svg'
 
 export const TokenPill = memo(
@@ -14,11 +14,13 @@ export const TokenPill = memo(
     hasCarot = false,
     isActive = false,
     onPress,
+    ...rest
   }: {
     mint: PublicKey
     hasCarot?: boolean
     isActive?: boolean
     onPress: () => void
+    style?: ViewStyle | undefined
   }) => {
     const { symbol, json } = useMetaplexMetadata(mint)
     const { backgroundStyle: generateBackgroundStyle } = useCreateOpacity()
@@ -37,11 +39,14 @@ export const TokenPill = memo(
     )
 
     return (
-      <Box flexDirection="row">
+      <Box flexDirection="row" flex={1} justifyContent="center">
         <Pressable onPress={onPress}>
           {({ pressed }) => (
             <Box
-              style={getBackgroundColorStylePill({ active: isActive, pressed })}
+              style={[
+                getBackgroundColorStylePill({ active: isActive, pressed }),
+                rest.style ? rest.style : {},
+              ]}
               height={45}
               borderRadius="round"
               flexDirection="row"
diff --git a/src/features/modals/InsufficientSolConversionModal.tsx b/src/features/modals/InsufficientSolConversionModal.tsx
index a8da8b9a6..824dc5513 100644
--- a/src/features/modals/InsufficientSolConversionModal.tsx
+++ b/src/features/modals/InsufficientSolConversionModal.tsx
@@ -27,7 +27,7 @@ const InsufficientSOLConversionModal: FC = () => {
 
   const validInputMints = useMemo(
     () =>
-      [MOBILE_MINT, HNT_MINT, IOT_MINT].filter((key) =>
+      [HNT_MINT, MOBILE_MINT, IOT_MINT].filter((key) =>
         visibleTokens.has(key.toBase58()),
       ),
     [visibleTokens],
@@ -78,7 +78,7 @@ const InsufficientSOLConversionModal: FC = () => {
           </Text>
           <Box
             flexDirection="row"
-            justifyContent="space-around"
+            justifyContent="space-between"
             marginTop="xxl"
           >
             {validInputMints.map((mint) => (