diff --git a/package-lock.json b/package-lock.json
index 224097927..c1a9d65cf 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15392,9 +15392,9 @@
       "dev": true
     },
     "node_modules/ws": {
-      "version": "7.5.3",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.3.tgz",
-      "integrity": "sha512-kQ/dHIzuLrS6Je9+uv81ueZomEwH0qVYstcAQ4/Z93K8zeko9gtAbttJWzoC5ukqXY1PpoouV3+VSOqEAFt5wg==",
+      "version": "7.5.10",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.10.tgz",
+      "integrity": "sha512-+dbF1tHwZpXcbOJdVOkzLDxZP1ailvSxM6ZweXTegylPny803bFhA+vqBYw4s31NSAk4S2Qz+AKXK9a4wkdjcQ==",
       "engines": {
         "node": ">=8.3.0"
       },
diff --git a/package.json b/package.json
index d1061ac07..856b47435 100644
--- a/package.json
+++ b/package.json
@@ -158,5 +158,8 @@
       ],
       "semantic-release-export-data"
     ]
+  },
+  "overrides": {
+    "ws@>7.0.0 <7.5.9": "7.5.10"
   }
 }
diff --git a/src/features/app-studio/pages/app-studio-page.tsx b/src/features/app-studio/pages/app-studio-page.tsx
index 5eaae8b8b..9505b04b9 100644
--- a/src/features/app-studio/pages/app-studio-page.tsx
+++ b/src/features/app-studio/pages/app-studio-page.tsx
@@ -8,7 +8,7 @@ export function AppStudioPage() {
       <PageTitle title={appStudioPageTitle} />
       <div>
         <p>
-          Comming soon!
+          Coming soon!
           <br />
           In the meantime, we recommend{' '}
           <a href="https://app.dappflow.org/beaker-studio/" className="text-primary underline" rel="nofollow" target="_blank">
diff --git a/src/features/applications/components/application-details.tsx b/src/features/applications/components/application-details.tsx
index 8d88c658f..d92653f50 100644
--- a/src/features/applications/components/application-details.tsx
+++ b/src/features/applications/components/application-details.tsx
@@ -140,10 +140,10 @@ export function ApplicationDetails({ application }: Props) {
           <h2>{applicationTransactionsLabel}</h2>
           <Tabs defaultValue={applicationLiveTransactionsTabId}>
             <TabsList aria-label={applicationTransactionsLabel}>
-              <TabsTrigger className="w-48" value={applicationLiveTransactionsTabId}>
+              <TabsTrigger className="w-56" value={applicationLiveTransactionsTabId}>
                 {applicationLiveTransactionsTabLabel}
               </TabsTrigger>
-              <TabsTrigger className="w-48" value={applicationHistoricalTransactionsTabId}>
+              <TabsTrigger className="w-56" value={applicationHistoricalTransactionsTabId}>
                 {applicationHistoricalTransactionsTabLabel}
               </TabsTrigger>
             </TabsList>
diff --git a/src/features/assets/components/asset-details.tsx b/src/features/assets/components/asset-details.tsx
index 8be2f4a7f..3666242ca 100644
--- a/src/features/assets/components/asset-details.tsx
+++ b/src/features/assets/components/asset-details.tsx
@@ -36,6 +36,7 @@ import { AssetTransactionHistory } from './asset-transaction-history'
 import { AssetLiveTransactions } from './asset-live-transactions'
 import { OverflowAutoTabsContent, Tabs, TabsList, TabsTrigger } from '@/features/common/components/tabs'
 import { OpenJsonViewDialogButton } from '@/features/common/components/json-view-dialog-button'
+import { replaceIpfsWithGatewayIfNeeded } from '../utils/replace-ipfs-with-gateway-if-needed'
 
 type Props = {
   asset: Asset
@@ -90,7 +91,7 @@ export function AssetDetails({ asset }: Props) {
         ? {
             dt: assetUrlLabel,
             dd: (
-              <a href={asset.url} className={cn('text-primary underline')} rel="nofollow" target="_blank">
+              <a href={replaceIpfsWithGatewayIfNeeded(asset.url)} className={cn('text-primary underline')} rel="nofollow" target="_blank">
                 {asset.url}
               </a>
             ),
diff --git a/src/features/blocks/components/latest-blocks.tsx b/src/features/blocks/components/latest-blocks.tsx
index 484171f43..8aa343079 100644
--- a/src/features/blocks/components/latest-blocks.tsx
+++ b/src/features/blocks/components/latest-blocks.tsx
@@ -17,7 +17,7 @@ export function LatestBlocks() {
         <ul>
           {latestBlocks.map((block) => (
             <li key={block.round} className="border-b last:border-0">
-              <BlockLink round={block.round} className="flex p-3.5 text-sm animate-in fade-in-0 zoom-in-90 hover:bg-accent">
+              <BlockLink round={block.round} className="flex p-3.5 text-sm animate-in fade-in-20 hover:bg-accent">
                 <Box className="hidden text-primary sm:max-lg:block xl:block" />
                 <div className={cn('mx-2')}>
                   <h3 className={cn('leading-none mb-2')}>{block.round}</h3>
diff --git a/src/features/common/components/button.tsx b/src/features/common/components/button.tsx
index 01ad4ca82..1047bf6b2 100644
--- a/src/features/common/components/button.tsx
+++ b/src/features/common/components/button.tsx
@@ -5,7 +5,7 @@ import { cva, type VariantProps } from 'class-variance-authority'
 import { cn } from '@/features/common/utils'
 
 const buttonVariants = cva(
-  'inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
+  'relative inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
   {
     variants: {
       variant: {
diff --git a/src/features/common/components/data-table.tsx b/src/features/common/components/data-table.tsx
index 8a1770de9..930d1aaf5 100644
--- a/src/features/common/components/data-table.tsx
+++ b/src/features/common/components/data-table.tsx
@@ -40,11 +40,11 @@ export function DataTable<TData, TValue>({ columns, data, getSubRows, subRowsExp
 
   return (
     <div>
-      <div className="grid border-y">
-        <Table>
+      <div className="grid">
+        <Table className="border-b">
           <TableHeader>
             {table.getHeaderGroups().map((headerGroup) => (
-              <TableRow key={headerGroup.id}>
+              <TableRow key={headerGroup.id} className="border-t bg-muted/50">
                 {headerGroup.headers.map((header) => {
                   return (
                     <TableHead key={header.id}>
diff --git a/src/features/common/components/lazy-load-data-table/lazy-load-data-table.tsx b/src/features/common/components/lazy-load-data-table/lazy-load-data-table.tsx
index a137de133..16a76856c 100644
--- a/src/features/common/components/lazy-load-data-table/lazy-load-data-table.tsx
+++ b/src/features/common/components/lazy-load-data-table/lazy-load-data-table.tsx
@@ -53,11 +53,11 @@ export function LazyLoadDataTable<TData, TValue>({ columns, createLoadablePage,
 
   return (
     <div>
-      <div className="grid border-y">
-        <Table>
+      <div className="grid">
+        <Table className="border-b">
           <TableHeader>
             {table.getHeaderGroups().map((headerGroup) => (
-              <TableRow key={headerGroup.id}>
+              <TableRow key={headerGroup.id} className="border-t bg-muted/50">
                 {headerGroup.headers.map((header) => {
                   return (
                     <TableHead key={header.id}>
diff --git a/src/features/common/components/refresh-button.tsx b/src/features/common/components/refresh-button.tsx
index 063ceb1da..6925318e3 100644
--- a/src/features/common/components/refresh-button.tsx
+++ b/src/features/common/components/refresh-button.tsx
@@ -9,9 +9,15 @@ export const refreshButtonLabel = 'Refresh'
 
 export function RefreshButton({ onClick }: Props) {
   return (
-    <Button onClick={onClick} variant="outline" size="icon" aria-label={refreshButtonLabel} className="ml-auto">
-      <RefreshCw className="size-[1.2rem]" />
+    <Button
+      onClick={onClick}
+      variant="outline"
+      size="icon"
+      aria-label={refreshButtonLabel}
+      className="ml-auto animate-in fade-in-0 zoom-in-90"
+    >
       <span className="sr-only">{refreshButtonLabel}</span>
+      <RefreshCw className="size-[1.2rem]" />
     </Button>
   )
 }
diff --git a/src/features/common/components/render-loadable.tsx b/src/features/common/components/render-loadable.tsx
index 23a2c8511..0bb378f2e 100644
--- a/src/features/common/components/render-loadable.tsx
+++ b/src/features/common/components/render-loadable.tsx
@@ -11,7 +11,7 @@ export type RenderLoadableProps<T> = {
 
 export function RenderLoadable<T>({ loadable, children, fallback, transformError }: RenderLoadableProps<T>) {
   if (loadable.state === 'hasData') {
-    return <div className="animate-in fade-in-40">{children(loadable.data)}</div>
+    return <div>{children(loadable.data)}</div>
   } else if (loadable.state === 'loading') {
     return <>{fallback ?? <Loader className="size-10 animate-spin" />}</>
   }
diff --git a/src/features/common/components/table.tsx b/src/features/common/components/table.tsx
index db1f9008e..2f48b7715 100644
--- a/src/features/common/components/table.tsx
+++ b/src/features/common/components/table.tsx
@@ -35,7 +35,7 @@ const TableHead = React.forwardRef<HTMLTableCellElement, React.ThHTMLAttributes<
   <th
     ref={ref}
     className={cn(
-      'h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',
+      'h-10 px-2 text-left align-middle font-medium text-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',
       className
     )}
     {...props}
diff --git a/src/features/layout/components/left-side-bar-menu.tsx b/src/features/layout/components/left-side-bar-menu.tsx
index e66391b98..86907f0cd 100644
--- a/src/features/layout/components/left-side-bar-menu.tsx
+++ b/src/features/layout/components/left-side-bar-menu.tsx
@@ -12,7 +12,10 @@ type Props = {
   className?: string
 }
 
-const navIconClassName = cn('border rounded-md p-2 ml-1')
+const navIconClassName = cn('border rounded-md p-2 ml-2')
+const navLinkClassName = cn(
+  '[&.active]:border-border [&.active]:bg-accent [&.active]:text-primary border border-card rounded-r-md p-[0.34rem] mr-2 gap-2 flex items-center whitespace-nowrap'
+)
 
 export function LeftSideBarMenu({ className }: Props) {
   const [selectedNetwork] = useSelectedNetwork()
@@ -28,12 +31,6 @@ export function LeftSideBarMenu({ className }: Props) {
     [setLayout]
   )
 
-  const navLinkClassName = cn(
-    layout.isLeftSideBarExpanded && 'mr-2',
-    !layout.isLeftSideBarExpanded && 'mr-1',
-    '[&.active]:border-border [&.active]:bg-accent [&.active]:text-primary border border-card rounded-r-md p-1 gap-2 flex items-center whitespace-nowrap'
-  )
-
   const navTextClassName = cn(layout.isLeftSideBarExpanded ? 'visible delay-100' : 'invisible w-0 delay-100')
 
   return (
@@ -41,10 +38,10 @@ export function LeftSideBarMenu({ className }: Props) {
       className={cn(
         'flex flex-col bg-card border-r transition-[width] duration-300',
         className,
-        layout.isLeftSideBarExpanded ? 'w-56' : 'w-[3.8rem]'
+        layout.isLeftSideBarExpanded ? 'w-56' : 'w-[4.5rem]'
       )}
     >
-      <Button className="ml-auto size-9 text-muted-foreground" variant="no-style" size="icon" onClick={toggleLeftSideBar}>
+      <Button className="ml-auto text-muted-foreground" variant="no-style" size="icon" onClick={toggleLeftSideBar}>
         {layout.isLeftSideBarExpanded ? <PanelLeftClose /> : <PanelLeftOpen />}
       </Button>
       <NavigationMenu>
diff --git a/src/features/search/components/search.tsx b/src/features/search/components/search.tsx
index 154917d04..bf789b63a 100644
--- a/src/features/search/components/search.tsx
+++ b/src/features/search/components/search.tsx
@@ -58,7 +58,11 @@ export function Search() {
   }, [setTerm])
 
   return (
-    <Command className={cn('bg-popover text-popover-foreground w-80 h-auto z-20 border border-input')} shouldFilter={false} loop>
+    <Command
+      className={cn('bg-popover text-popover-foreground w-80 h-auto z-20 border border-input', term && 'shadow-md')}
+      shouldFilter={false}
+      loop
+    >
       <CommandInput
         placeholder={searchPlaceholderLabel}
         value={term}
diff --git a/src/features/settings/components/theme-toggle.tsx b/src/features/settings/components/theme-toggle.tsx
index b79651403..754fa7583 100644
--- a/src/features/settings/components/theme-toggle.tsx
+++ b/src/features/settings/components/theme-toggle.tsx
@@ -24,9 +24,9 @@ export function ThemeToggle({ navTextClassName }: Props) {
         <Button
           variant="no-style"
           aria-label={themeTogglelabel}
-          className="flex h-12 items-center gap-2 whitespace-nowrap p-1 text-base font-normal"
+          className="my-1.5 flex items-center gap-2 whitespace-nowrap px-2 text-base font-normal"
         >
-          <div className="ml-[0.28rem] flex rounded-md border p-2">
+          <div className="ml-[0.4rem] flex rounded-md border p-2">
             <Sun className="rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" />
             <Moon className="absolute rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" />
           </div>
diff --git a/src/features/transactions-graph/components/__snapshots__/application-transaction-graph.INDQXWQXHF22SO45EZY7V6FFNI6WUD5FHRVDV6NCU6HD424BJGGA.html b/src/features/transactions-graph/components/__snapshots__/application-transaction-graph.INDQXWQXHF22SO45EZY7V6FFNI6WUD5FHRVDV6NCU6HD424BJGGA.html
index cc268d120..9995c7943 100644
--- a/src/features/transactions-graph/components/__snapshots__/application-transaction-graph.INDQXWQXHF22SO45EZY7V6FFNI6WUD5FHRVDV6NCU6HD424BJGGA.html
+++ b/src/features/transactions-graph/components/__snapshots__/application-transaction-graph.INDQXWQXHF22SO45EZY7V6FFNI6WUD5FHRVDV6NCU6HD424BJGGA.html
@@ -717,9 +717,7 @@
         <div
           class=""
         >
-          <div
-            class="animate-in fade-in-40"
-          >
+          <div>
             <div
               class="flex items-center gap-1"
             >
@@ -843,9 +841,7 @@
         <div
           class=""
         >
-          <div
-            class="animate-in fade-in-40"
-          >
+          <div>
             <div
               class="flex items-center gap-1"
             >
@@ -1076,9 +1072,7 @@
         <div
           class=""
         >
-          <div
-            class="animate-in fade-in-40"
-          >
+          <div>
             <div
               class="flex items-center gap-1"
             >
@@ -1202,9 +1196,7 @@
         <div
           class=""
         >
-          <div
-            class="animate-in fade-in-40"
-          >
+          <div>
             <div
               class="flex items-center gap-1"
             >
@@ -1434,9 +1426,7 @@
         <div
           class=""
         >
-          <div
-            class="animate-in fade-in-40"
-          >
+          <div>
             <div
               class="flex items-center gap-1"
             >
@@ -1560,9 +1550,7 @@
         <div
           class=""
         >
-          <div
-            class="animate-in fade-in-40"
-          >
+          <div>
             <div
               class="flex items-center gap-1"
             >
diff --git a/src/features/transactions-graph/components/__snapshots__/application-transaction-graph.WYEGSIGWZHTR6VYXC3EXFGZQHYKI6FQOZU2DOKHQCAWYEIHJBKEA.html b/src/features/transactions-graph/components/__snapshots__/application-transaction-graph.WYEGSIGWZHTR6VYXC3EXFGZQHYKI6FQOZU2DOKHQCAWYEIHJBKEA.html
index 9b113703e..df5b09c64 100644
--- a/src/features/transactions-graph/components/__snapshots__/application-transaction-graph.WYEGSIGWZHTR6VYXC3EXFGZQHYKI6FQOZU2DOKHQCAWYEIHJBKEA.html
+++ b/src/features/transactions-graph/components/__snapshots__/application-transaction-graph.WYEGSIGWZHTR6VYXC3EXFGZQHYKI6FQOZU2DOKHQCAWYEIHJBKEA.html
@@ -731,9 +731,7 @@
         <div
           class=""
         >
-          <div
-            class="animate-in fade-in-40"
-          >
+          <div>
             <div
               class="flex items-center gap-1"
             >
diff --git a/src/features/transactions-graph/components/__snapshots__/asset-transfer-graph.563MNGEL2OF4IBA7CFLIJNMBETT5QNKZURSLIONJBTJFALGYOAUA.html b/src/features/transactions-graph/components/__snapshots__/asset-transfer-graph.563MNGEL2OF4IBA7CFLIJNMBETT5QNKZURSLIONJBTJFALGYOAUA.html
index 1b461b4a5..0f3d243c8 100644
--- a/src/features/transactions-graph/components/__snapshots__/asset-transfer-graph.563MNGEL2OF4IBA7CFLIJNMBETT5QNKZURSLIONJBTJFALGYOAUA.html
+++ b/src/features/transactions-graph/components/__snapshots__/asset-transfer-graph.563MNGEL2OF4IBA7CFLIJNMBETT5QNKZURSLIONJBTJFALGYOAUA.html
@@ -140,9 +140,7 @@
         <div
           class="w-min pl-1 pr-1 bg-card"
         >
-          <div
-            class="animate-in fade-in-40"
-          >
+          <div>
             <div
               class="flex items-center gap-1"
             >
diff --git a/src/features/transactions-graph/components/__snapshots__/asset-transfer-graph.JBDSQEI37W5KWPQICT2IGCG2FWMUGJEUYYK3KFKNSYRNAXU2ARUA.html b/src/features/transactions-graph/components/__snapshots__/asset-transfer-graph.JBDSQEI37W5KWPQICT2IGCG2FWMUGJEUYYK3KFKNSYRNAXU2ARUA.html
index 3e4e64bdd..fbbe8816d 100644
--- a/src/features/transactions-graph/components/__snapshots__/asset-transfer-graph.JBDSQEI37W5KWPQICT2IGCG2FWMUGJEUYYK3KFKNSYRNAXU2ARUA.html
+++ b/src/features/transactions-graph/components/__snapshots__/asset-transfer-graph.JBDSQEI37W5KWPQICT2IGCG2FWMUGJEUYYK3KFKNSYRNAXU2ARUA.html
@@ -167,9 +167,7 @@
         <div
           class=""
         >
-          <div
-            class="animate-in fade-in-40"
-          >
+          <div>
             <div
               class="flex items-center gap-1"
             >
diff --git a/src/features/transactions-graph/components/__snapshots__/group-graph.%2FoRSr2uMFemQhwQliJO18b64Nl1QIkjA39ZszRCeSCI%3D.html b/src/features/transactions-graph/components/__snapshots__/group-graph.%2FoRSr2uMFemQhwQliJO18b64Nl1QIkjA39ZszRCeSCI%3D.html
index f0f2c2768..af446c975 100644
--- a/src/features/transactions-graph/components/__snapshots__/group-graph.%2FoRSr2uMFemQhwQliJO18b64Nl1QIkjA39ZszRCeSCI%3D.html
+++ b/src/features/transactions-graph/components/__snapshots__/group-graph.%2FoRSr2uMFemQhwQliJO18b64Nl1QIkjA39ZszRCeSCI%3D.html
@@ -717,9 +717,7 @@
         <div
           class=""
         >
-          <div
-            class="animate-in fade-in-40"
-          >
+          <div>
             <div
               class="flex items-center gap-1"
             >
@@ -843,9 +841,7 @@
         <div
           class=""
         >
-          <div
-            class="animate-in fade-in-40"
-          >
+          <div>
             <div
               class="flex items-center gap-1"
             >
@@ -1076,9 +1072,7 @@
         <div
           class=""
         >
-          <div
-            class="animate-in fade-in-40"
-          >
+          <div>
             <div
               class="flex items-center gap-1"
             >
@@ -1202,9 +1196,7 @@
         <div
           class=""
         >
-          <div
-            class="animate-in fade-in-40"
-          >
+          <div>
             <div
               class="flex items-center gap-1"
             >
@@ -1434,9 +1426,7 @@
         <div
           class=""
         >
-          <div
-            class="animate-in fade-in-40"
-          >
+          <div>
             <div
               class="flex items-center gap-1"
             >
@@ -1560,9 +1550,7 @@
         <div
           class=""
         >
-          <div
-            class="animate-in fade-in-40"
-          >
+          <div>
             <div
               class="flex items-center gap-1"
             >
diff --git a/src/features/transactions/components/asset-config-transaction-info.tsx b/src/features/transactions/components/asset-config-transaction-info.tsx
index 810a40467..0f1655c97 100644
--- a/src/features/transactions/components/asset-config-transaction-info.tsx
+++ b/src/features/transactions/components/asset-config-transaction-info.tsx
@@ -8,6 +8,7 @@ import { AssetIdAndNameLink } from '@/features/assets/components/asset-link'
 import Decimal from 'decimal.js'
 import { useAtomValue } from 'jotai'
 import { transactionSenderLabel } from './labels'
+import { replaceIpfsWithGatewayIfNeeded } from '@/features/assets/utils/replace-ipfs-with-gateway-if-needed'
 
 type Props = {
   transaction: AssetConfigTransaction | InnerAssetConfigTransaction
@@ -41,7 +42,12 @@ export function AssetConfigTransactionInfo({ transaction }: Props) {
           ? {
               dt: assetUrlLabel,
               dd: (
-                <a href={transaction.url} className={cn('text-primary underline')} rel="nofollow" target="_blank">
+                <a
+                  href={replaceIpfsWithGatewayIfNeeded(transaction.url)}
+                  className={cn('text-primary underline')}
+                  rel="nofollow"
+                  target="_blank"
+                >
                   {transaction.url}
                 </a>
               ),
diff --git a/src/features/transactions/components/latest-transactions.tsx b/src/features/transactions/components/latest-transactions.tsx
index 5003fb848..7d30ea3a9 100644
--- a/src/features/transactions/components/latest-transactions.tsx
+++ b/src/features/transactions/components/latest-transactions.tsx
@@ -20,10 +20,7 @@ export function LatestTransactions() {
         <ul>
           {latestTransactions.map((transaction) => (
             <li key={transaction.id} className="border-b last:border-0">
-              <TransactionLink
-                transactionId={transaction.id}
-                className="flex p-[0.666rem] text-sm animate-in fade-in-0 zoom-in-90 hover:bg-accent"
-              >
+              <TransactionLink transactionId={transaction.id} className="flex p-[0.666rem] text-sm animate-in fade-in-20 hover:bg-accent">
                 <ArrowRightLeft className="hidden text-primary sm:max-lg:block xl:block" />
                 <div className={cn('mx-2')}>
                   <h3 className={cn('leading-none mb-2')}>{ellipseId(transaction.id)}</h3>
diff --git a/src/features/transactions/components/live-transactions-table.tsx b/src/features/transactions/components/live-transactions-table.tsx
index ebc195fba..a4cad1e14 100644
--- a/src/features/transactions/components/live-transactions-table.tsx
+++ b/src/features/transactions/components/live-transactions-table.tsx
@@ -37,10 +37,10 @@ export function LiveTransactionsTable({ filter, columns, getSubRows }: Props) {
   return (
     <div>
       <div className="grid border-y">
-        <Table>
+        <Table className="border-b">
           <TableHeader>
             {table.getHeaderGroups().map((headerGroup) => (
-              <TableRow key={headerGroup.id}>
+              <TableRow key={headerGroup.id} className="border-t bg-muted/50">
                 {headerGroup.headers.map((header) => {
                   return (
                     <TableHead key={header.id}>
diff --git a/src/features/wallet/components/connect-wallet-button.tsx b/src/features/wallet/components/connect-wallet-button.tsx
index 01d138bb7..e326647b6 100644
--- a/src/features/wallet/components/connect-wallet-button.tsx
+++ b/src/features/wallet/components/connect-wallet-button.tsx
@@ -36,7 +36,7 @@ function ConnectWallet({ onConnect }: ConnectWalletProps) {
   }, [onConnect, setDialogOpen])
 
   return (
-    <Button className="w-36" variant="outline" onClick={connect} aria-label={connectWalletLabel}>
+    <Button className="w-40" variant="outline" onClick={connect} aria-label={connectWalletLabel}>
       {connectWalletLabel}
     </Button>
   )
@@ -87,7 +87,7 @@ function ConnectedWallet({ activeAddress, connectedActiveAccounts, providers }:
   return (
     <Popover>
       <PopoverTrigger asChild>
-        <Button className="w-36" variant="outline">
+        <Button className="w-40" variant="outline">
           {activeProvider &&
             (localnetConfig.walletProviders.includes(activeProvider.metadata.id) ? (
               <Wallet className={cn('size-6 rounded object-contain mr-2')} />
@@ -173,7 +173,7 @@ export function ConnectWalletButton() {
 
   if (!isReady) {
     button = (
-      <Button className="w-36" variant="outline" disabled>
+      <Button className="w-40" variant="outline" disabled>
         <Loader className="mr-2 size-4 animate-spin" />
         Loading
       </Button>