diff --git a/front/src/applications/operationalStudies/components/Scenario/ScenarioContent.tsx b/front/src/applications/operationalStudies/components/Scenario/ScenarioContent.tsx
index f850ed0d5d7..77040697efd 100644
--- a/front/src/applications/operationalStudies/components/Scenario/ScenarioContent.tsx
+++ b/front/src/applications/operationalStudies/components/Scenario/ScenarioContent.tsx
@@ -203,7 +203,7 @@ const ScenarioContent = ({
               {collapsedTimetable && (
                 <>
                   <div
-                    className={`scenario-timetable-collapsed ${collapsedTimetable ? 'd-none' : ''}`}
+                    className={cx('scenario-timetable-collapsed', { 'd-none': collapsedTimetable })}
                   >
                     <div className="lead ml-2">{scenario.name}</div>
                     <div className="d-flex align-items-center ml-auto">
diff --git a/front/src/styles/scss/applications/operationalStudies/_scenario.scss b/front/src/styles/scss/applications/operationalStudies/_scenario.scss
index addcea3429a..7b85d02759b 100644
--- a/front/src/styles/scss/applications/operationalStudies/_scenario.scss
+++ b/front/src/styles/scss/applications/operationalStudies/_scenario.scss
@@ -23,7 +23,6 @@
     position: absolute;
     left: 0;
     top: 38px;
-    transform: translateY(38px);
     padding-bottom: 3px;
     padding-inline: 4px 12px;
     height: 34px;
@@ -31,7 +30,6 @@
     color: var(--grey40);
     background-color: var(--white100);
     border-radius: 0px 5px 5px 0px;
-    top: 0;
     box-shadow: 0 0 0 1px var(--black10);
     clip-path: inset(-1px -1px -1px 1px);
     z-index: 2;