From a814085b33cb0a374b321fc0acbfc922f420dbdd Mon Sep 17 00:00:00 2001
From: andresgutgon <andresgutgon@gmail.com>
Date: Wed, 11 Dec 2024 10:18:09 +0100
Subject: [PATCH] Fix brokend rewards layout. I made a change in button to make
 it easier to get ellipsis when the button width is small but I introduced a
 but because now there is an extra div wrapping button children. The fix is
 easy (maybe not, this is css) is just make that div full width

---
 packages/web-ui/src/ds/atoms/Button/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/web-ui/src/ds/atoms/Button/index.tsx b/packages/web-ui/src/ds/atoms/Button/index.tsx
index 4b870d363..168feafdd 100644
--- a/packages/web-ui/src/ds/atoms/Button/index.tsx
+++ b/packages/web-ui/src/ds/atoms/Button/index.tsx
@@ -218,7 +218,7 @@ const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button(
             ) : null}
             {children ? (
               <div
-                className={cn('flex flex-row items-center', {
+                className={cn('flex flex-row items-center w-full', {
                   'flex-grow flex-shrink truncate': ellipsis,
                 })}
               >