diff --git a/src/cards/ScenarioNode/ScenarioNode.js b/src/cards/ScenarioNode/ScenarioNode.js
index bec1e207..e1f6514c 100644
--- a/src/cards/ScenarioNode/ScenarioNode.js
+++ b/src/cards/ScenarioNode/ScenarioNode.js
@@ -201,10 +201,13 @@ export const ScenarioNode = ({
                 >
                   {labels.runTemplateLabel}
                   <Typography variant="subtitle2" component="span" sx={{ fontWeight: 'normal' }}>
-                    &nbsp;{scenario.runTemplateName}&nbsp;|&nbsp;
+                    &nbsp;{scenario.runTemplateName}
                   </Typography>
                 </Typography>
               </FadingTooltip>
+              <Typography variant="subtitle2" component="span" mx={0.5}>
+                |
+              </Typography>
               <FadingTooltip title={labels.dataset + ' ' + datasetNames}>
                 <Typography
                   variant="subtitle2"
diff --git a/src/misc/ScenarioValidationStatusChip/ScenarioValidationStatusChip.js b/src/misc/ScenarioValidationStatusChip/ScenarioValidationStatusChip.js
index 43c434b4..6a448621 100644
--- a/src/misc/ScenarioValidationStatusChip/ScenarioValidationStatusChip.js
+++ b/src/misc/ScenarioValidationStatusChip/ScenarioValidationStatusChip.js
@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Box, Chip, CircularProgress } from '@mui/material';
+import { Chip, CircularProgress } from '@mui/material';
 
 export const ScenarioValidationStatusChip = (props) => {
   const { labels, status, onDelete, className } = props;
@@ -17,30 +17,26 @@ export const ScenarioValidationStatusChip = (props) => {
 
   if (lowerCaseStatus === 'loading') {
     return (
-      <Box mx={2}>
-        <CircularProgress
-          className={className}
-          color="inherit"
-          data-cy="scenario-validation-status-loading-spinner"
-          size="15px"
-        />
-      </Box>
+      <CircularProgress
+        className={className}
+        color="inherit"
+        data-cy="scenario-validation-status-loading-spinner"
+        size="15px"
+      />
     );
   }
 
   const colorProp = lowerCaseStatus === 'validated' ? 'success' : 'error';
 
   return lowerCaseStatus === 'rejected' || lowerCaseStatus === 'validated' ? (
-    <Box mx={1}>
-      <Chip
-        clickable={false}
-        data-cy="scenario-validation-status"
-        label={getLabel()}
-        onDelete={onDelete}
-        color={colorProp}
-        className={className}
-      />
-    </Box>
+    <Chip
+      clickable={false}
+      data-cy="scenario-validation-status"
+      label={getLabel()}
+      onDelete={onDelete}
+      color={colorProp}
+      className={className}
+    />
   ) : null;
 };