padding sacrifice-token

src/components/SacrificeToken.vue

@@ -42,7 +42,7 @@
 							return processChange($event.target.value);
 						}
 					"
-					:max="activeWalletToken.balanceOf"
+					:max="activeWalletToken?.balanceOf"
 					:logo="activeToken.logo"
 				>
 					<template v-slot:message>
@@ -53,10 +53,7 @@
 					<template v-slot:message-end>
 						<div class="input-balance tiny-text">
 							Balance:
-							{{
-								walletStore.token.find((obj) => obj.contractAddress === activeToken.contractAddress)
-									.balanceOf
-							}}
+							{{ activeWalletToken?.balanceOf }}
 						</div>
 						<div class="input-max tiny-text" @click="addMaxTokens">Max</div>
 					</template>
@@ -560,10 +557,11 @@ function showSuccessToast(value, header, subheader, info) {
     .sacrifice-select-tokens
         display: flex
         margin-bottom: 32px
+        width: 100%
     .sacrifice-tokens
         display: flex
         width: 100%
-        justify-content: center
+        justify-content: space-between
         flex-wrap: wrap
         gap: 12px