From 3a397391b2810dcf32c1202d8fe78a7dfe7fb5f6 Mon Sep 17 00:00:00 2001
From: Thomas Heartman <thomas@getunleash.io>
Date: Wed, 2 Jul 2025 10:05:04 +0200
Subject: [PATCH] wrap strategy actions correctly

---
 .../ChangeRequest/Changes/Change/StrategyChange.tsx   | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/frontend/src/component/changeRequest/ChangeRequest/Changes/Change/StrategyChange.tsx b/frontend/src/component/changeRequest/ChangeRequest/Changes/Change/StrategyChange.tsx
index df44b44fc9..8b14c1a269 100644
--- a/frontend/src/component/changeRequest/ChangeRequest/Changes/Change/StrategyChange.tsx
+++ b/frontend/src/component/changeRequest/ChangeRequest/Changes/Change/StrategyChange.tsx
@@ -299,6 +299,13 @@ const AddStrategy: FC<{
     </>
 );
 
+const ActionsContainer = styled('div')(({ theme }) => ({
+    display: 'flex',
+    flexFlow: 'row wrap',
+    alignItems: 'center',
+    columnGap: theme.spacing(1),
+}));
+
 export const StrategyChange: FC<{
     actions?: ReactNode;
     change:
@@ -325,13 +332,13 @@ export const StrategyChange: FC<{
     );
 
     const actionsWithTabs = (
-        <div>
+        <ActionsContainer>
             <TabList>
                 <Tab>Change</Tab>
                 <Tab>View diff</Tab>
             </TabList>
             {actions}
-        </div>
+        </ActionsContainer>
     );
 
     return (