From 3bcbc411cfa3761d276cb8dd7b20e3d97c37619a Mon Sep 17 00:00:00 2001
From: Antonio Ventilii <antonio.ventilii@dfinity.org>
Date: Wed, 22 Jan 2025 10:38:15 -0300
Subject: [PATCH] style(frontend): Center available balance label (#4403)

# Motivation

For mobile version, the label "Available balance" in the `Hero` was not
centered. Now it is.

### Before

![Screenshot 2025-01-22 at 14 13
00](https://github.com/user-attachments/assets/c1ef9e88-b71a-4b8d-ae27-1f1dddee5a1f)

### After

![Screenshot 2025-01-22 at 14 12
47](https://github.com/user-attachments/assets/d8deda57-2c2e-4ecc-9048-8da1d1675937)
---
 src/frontend/src/lib/components/exchange/ExchangeBalance.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/src/lib/components/exchange/ExchangeBalance.svelte b/src/frontend/src/lib/components/exchange/ExchangeBalance.svelte
index c32bc80d2f..987ebaa64c 100644
--- a/src/frontend/src/lib/components/exchange/ExchangeBalance.svelte
+++ b/src/frontend/src/lib/components/exchange/ExchangeBalance.svelte
@@ -13,7 +13,7 @@
 	$: totalUsd = sumTokensUiUsdBalance($combinedDerivedSortedNetworkTokensUi);
 </script>
 
-<span class="flex flex-col gap-2">
+<span class="flex flex-col items-center gap-2">
 	<output class={`mt-8 inline-block break-all text-5xl font-bold`}>
 		{#if $loaded}
 			{formatUSD({ value: totalUsd })}