From d2c1603efa7cc52c3c52255d1382801902d8478b Mon Sep 17 00:00:00 2001
From: COSMO-VMI <valentin.michelet@cosmotech.com>
Date: Tue, 26 Oct 2021 09:30:56 +0200
Subject: [PATCH] fix: Remove Chip from Typography to suppress warning

---
 src/cards/ScenarioNode/ScenarioNode.js | 7 ++++---
 src/cards/ScenarioNode/style.js        | 4 ++++
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/cards/ScenarioNode/ScenarioNode.js b/src/cards/ScenarioNode/ScenarioNode.js
index 1e331351..4cb9abbe 100644
--- a/src/cards/ScenarioNode/ScenarioNode.js
+++ b/src/cards/ScenarioNode/ScenarioNode.js
@@ -67,14 +67,15 @@ export const ScenarioNode = ({ datasets, scenario, showDeleteIcon, deleteScenari
       <Typography className={classes.scenarioTitle} variant="h4" data-content={scenario.name}>
         {scenario.name}
       </Typography>
-      <Typography>
-        {getStatusLabel()}
+      <div className={classes.statusRow}>
+        <Typography>{getStatusLabel()}</Typography>
         <Chip
           size="small"
           label={getTranslatedStatus(scenario.state)}
           className={getStatusClassName(classes, scenario.state)}
         />
-        <br />
+      </div>
+      <Typography>
         {getDatasetsLabel()}
         <br />
         <span className={classes.datasets}>{DatasetUtils.getDatasetNames(datasets, scenario.datasetList)}</span>
diff --git a/src/cards/ScenarioNode/style.js b/src/cards/ScenarioNode/style.js
index 7d81048c..32b2d2e4 100644
--- a/src/cards/ScenarioNode/style.js
+++ b/src/cards/ScenarioNode/style.js
@@ -4,6 +4,10 @@
 import { makeStyles } from '@material-ui/core';
 
 const useStyles = makeStyles((theme) => ({
+  statusRow: {
+    display: 'flex',
+    flexDirection: 'row',
+  },
   scenarioHeader: {
     height: '100%',
     display: 'flex',