From 2c7a6548606f299b7ba1426bc0df36b1b31a9a99 Mon Sep 17 00:00:00 2001
From: Thomas Heartman <thomas@getunleash.io>
Date: Tue, 28 May 2024 09:48:30 +0200
Subject: [PATCH] fix: use a fixed-width button label for CR selector in new
 project creation form (#7179)

This change makes the button label for the CR selector in the new
project creation form have a fixed width. It adds a missing wrapper
element.
---
 .../project/Project/CreateProject/SelectionButton.tsx       | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/frontend/src/component/project/Project/CreateProject/SelectionButton.tsx b/frontend/src/component/project/Project/CreateProject/SelectionButton.tsx
index a25d17f7df..e8b1754c4f 100644
--- a/frontend/src/component/project/Project/CreateProject/SelectionButton.tsx
+++ b/frontend/src/component/project/Project/CreateProject/SelectionButton.tsx
@@ -399,6 +399,10 @@ export const TableSelect: FC<TableSelectProps> = ({
         }
     };
 
+    const ButtonLabel = styled('span')(() => ({
+        width: button.labelWidth || 'unset',
+    }));
+
     return (
         <>
             <Box ref={ref}>
@@ -411,7 +415,7 @@ export const TableSelect: FC<TableSelectProps> = ({
                     }}
                     disabled={disabled}
                 >
-                    {button.label}
+                    <ButtonLabel>{button.label}</ButtonLabel>
                 </Button>
             </Box>
             <StyledPopover