From e56a890e155ce6cf685805e6feaa12482a1ea4c0 Mon Sep 17 00:00:00 2001
From: Korbinian Kasberger <korbi@taiko.xyz>
Date: Mon, 25 Sep 2023 17:04:05 +0200
Subject: [PATCH] fix button size

---
 .../src/components/Bridge/BridgeTabs.svelte       | 15 ++++++---------
 1 file changed, 6 insertions(+), 9 deletions(-)

diff --git a/packages/bridge-ui-v2/src/components/Bridge/BridgeTabs.svelte b/packages/bridge-ui-v2/src/components/Bridge/BridgeTabs.svelte
index 4235447004c..9a8115cc7bb 100644
--- a/packages/bridge-ui-v2/src/components/Bridge/BridgeTabs.svelte
+++ b/packages/bridge-ui-v2/src/components/Bridge/BridgeTabs.svelte
@@ -1,7 +1,6 @@
 <script lang="ts">
   import { t } from 'svelte-i18n';
 
-  import { Button } from '$components/Button';
   import { PUBLIC_NFT_BRIDGE_ENABLED } from '$env/static/public';
   import { classNames } from '$libs/util/classNames';
 
@@ -20,18 +19,16 @@
 
 {#if PUBLIC_NFT_BRIDGE_ENABLED === 'true'}
   <div class={classes}>
-    <Button
-      type={isERC20Bridge ? 'primary' : 'neutral'}
-      class="px-[28px] py-[14px] rounded-full flex-1 text-white"
+    <button
+      class="{isERC20Bridge ? 'btn-primary' : 'btn-ghost'} px-[28px] py-[14px] rounded-full text-white"
       on:click={() => onBridgeClick(BridgeTypes.FUNGIBLE)}>
       <span> {$t('nav.token')}</span>
-    </Button>
+    </button>
 
-    <Button
-      type={isNFTBridge ? 'primary' : 'neutral'}
-      class="px-[28px] py-[14px] rounded-full flex-1 text-white"
+    <button
+      class="{isNFTBridge ? 'btn-primary' : 'btn-ghost'}  h-[44px] px-[28px] py-[14px] rounded-full text-white"
       on:click={() => onBridgeClick(BridgeTypes.NFT)}>
       <span> {$t('nav.nft')}</span>
-    </Button>
+    </button>
   </div>
 {/if}