Fix design (#19628)

## Before
<img width="614" height="348" alt="image"
src="https://github.com/user-attachments/assets/0a87b8cb-efe0-42ab-ad50-98a3635796f6"
/>

## After

<img width="622" height="411" alt="image"
src="https://github.com/user-attachments/assets/4f3ab135-dbe9-4384-97c2-4d20a13b3d9c"
/>

packages/twenty-ui/src/input/button/components/Button/Button.tsx

@@ -18,6 +18,7 @@ export type ButtonVariant = 'primary' | 'secondary' | 'tertiary';
 export type ButtonAccent = 'default' | 'blue' | 'danger';
 
 export type ButtonProps = {
+  id?: string;
   className?: string;
   Icon?: IconComponent;
   title?: string;
@@ -441,7 +442,9 @@ const computeButtonWrapperColor = (
             : themeCssVariables.font.color.inverted;
         case 'danger':
           return !inverted
-            ? themeCssVariables.font.color.danger
+            ? !disabled
+              ? themeCssVariables.font.color.danger
+              : themeCssVariables.color.red5
             : themeCssVariables.font.color.inverted;
       }
       break;
@@ -453,6 +456,7 @@ export const Button = ({
   className,
   Icon,
   title,
+  id,
   fullWidth = false,
   variant = 'primary',
   inverted = false,
@@ -512,6 +516,7 @@ export const Button = ({
       style={dynamicStyles}
     >
       <StyledButton
+        id={id}
         fullWidth={fullWidth}
         position={position}
         disabled={isDisabled}