From 76aac534071077080ce3cda5c73130e4fdff5508 Mon Sep 17 00:00:00 2001
From: wenjing-qi <wenjing.qi@rea-group.com>
Date: Tue, 30 Jan 2024 16:45:37 +0800
Subject: [PATCH] [ADM-792] move options out of table container

---
 .../components/Metrics/MetricsStep/CycleTime/index.tsx    | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/Metrics/MetricsStep/CycleTime/index.tsx b/frontend/src/components/Metrics/MetricsStep/CycleTime/index.tsx
index 604001b9d5..22047f72ca 100644
--- a/frontend/src/components/Metrics/MetricsStep/CycleTime/index.tsx
+++ b/frontend/src/components/Metrics/MetricsStep/CycleTime/index.tsx
@@ -102,12 +102,12 @@ export const CycleTime = ({ title }: cycleTimeProps) => {
           </StyledTooltip>
         </TooltipContainer>
       </TitleAndTooltipContainer>
+      <StyledRadioGroup aria-label='cycleTimeSettingsType' value={cycleTimeSettingsType} onChange={handleTypeChange}>
+        <FormControlLabel value={CYCLE_TIME_SETTINGS_TYPES.BY_COLUMN} control={<Radio />} label='By Column' />
+        <FormControlLabel value={CYCLE_TIME_SETTINGS_TYPES.BY_STATUS} control={<Radio />} label='By Status' />
+      </StyledRadioGroup>
       <CycleTimeContainer>
         {warningMessage && <WarningNotification message={warningMessage} />}
-        <StyledRadioGroup aria-label='cycleTimeSettingsType' value={cycleTimeSettingsType} onChange={handleTypeChange}>
-          <FormControlLabel value={CYCLE_TIME_SETTINGS_TYPES.BY_COLUMN} control={<Radio />} label='By Column' />
-          <FormControlLabel value={CYCLE_TIME_SETTINGS_TYPES.BY_STATUS} control={<Radio />} label='By Status' />
-        </StyledRadioGroup>
         <FormSelectPart selectedOptions={data} saveCycleTimeOptions={saveCycleTimeOptions} />
         <FlagCard />
       </CycleTimeContainer>