From a6219c867d9f7d8f9c19011ec22220550610cd20 Mon Sep 17 00:00:00 2001
From: Eddasol <esole@equinor.com>
Date: Fri, 29 Nov 2024 09:09:59 +0100
Subject: [PATCH] Fix styling of close button in NoMissionsDialog

---
 .../ScheduleMissionDialog/NoMissionsDialog.tsx     | 14 +++++---------
 .../Pages/RobotPage/RobotArmMovement.tsx           |  4 ++--
 2 files changed, 7 insertions(+), 11 deletions(-)

diff --git a/frontend/src/components/Pages/FrontPage/MissionOverview/ScheduleMissionDialog/NoMissionsDialog.tsx b/frontend/src/components/Pages/FrontPage/MissionOverview/ScheduleMissionDialog/NoMissionsDialog.tsx
index 0a8040c2..3af57a00 100644
--- a/frontend/src/components/Pages/FrontPage/MissionOverview/ScheduleMissionDialog/NoMissionsDialog.tsx
+++ b/frontend/src/components/Pages/FrontPage/MissionOverview/ScheduleMissionDialog/NoMissionsDialog.tsx
@@ -1,13 +1,7 @@
 import { Button, Typography } from '@equinor/eds-core-react'
-import styled from 'styled-components'
 import { useLanguageContext } from 'components/Contexts/LanguageContext'
 import { StyledDialog } from 'components/Styles/StyledComponents'
 
-const StyledButton = styled(Button)`
-    display: flex;
-    justify-content: end;
-`
-
 export const NoMissionsDialog = ({ closeDialog }: { closeDialog: () => void }): JSX.Element => {
     const { TranslateText } = useLanguageContext()
     return (
@@ -20,9 +14,11 @@ export const NoMissionsDialog = ({ closeDialog }: { closeDialog: () => void }):
                     {TranslateText('This installation does not have missions. Please create mission.')}
                 </Typography>
             </StyledDialog.Content>
-            <StyledButton onClick={closeDialog} variant="outlined">
-                {TranslateText('Cancel')}
-            </StyledButton>
+            <StyledDialog.Actions>
+                <Button onClick={closeDialog} variant="outlined">
+                    {TranslateText('Close')}
+                </Button>
+            </StyledDialog.Actions>
         </StyledDialog>
     )
 }
diff --git a/frontend/src/components/Pages/RobotPage/RobotArmMovement.tsx b/frontend/src/components/Pages/RobotPage/RobotArmMovement.tsx
index c4888a94..f80a1aeb 100644
--- a/frontend/src/components/Pages/RobotPage/RobotArmMovement.tsx
+++ b/frontend/src/components/Pages/RobotPage/RobotArmMovement.tsx
@@ -95,9 +95,9 @@ export const MoveRobotArm = ({ robot, armPosition, isRobotAvailable }: RobotProp
             </StyledTextButton>
             <StyledDialog open={feedback !== ''}>
                 {feedback}
-                <StyledCloseButton>
+                <StyledDialog.Actions>
                     <Button onClick={() => setFeedback('')}>{TranslateText('Close')}</Button>
-                </StyledCloseButton>
+                </StyledDialog.Actions>
             </StyledDialog>
         </>
     )