diff --git a/src/components/FluidChart/TimeStepSelector/timeStepSelector.scss b/src/components/FluidChart/TimeStepSelector/timeStepSelector.scss
index aa2ef7163fbe4618249f5071faf6b16b25200dec..e08a8da858902eaeb82b81b194d8580d8c73820e 100644
--- a/src/components/FluidChart/TimeStepSelector/timeStepSelector.scss
+++ b/src/components/FluidChart/TimeStepSelector/timeStepSelector.scss
@@ -8,8 +8,8 @@
   justify-content: space-evenly;
   align-items: flex-end;
   margin: auto;
+  margin-top: 1rem;
   max-width: 45.75rem;
-  height: 36px;
   .btnSecondary {
     max-width: 90px;
     border-radius: 4px;
diff --git a/src/components/FluidChart/fluidChart.scss b/src/components/FluidChart/fluidChart.scss
index 4e60257669f5bd9fba1928bffc96bd384db84b31..9d50919327cdd4f9d1c0acd8749bfaed6d5c8d97 100644
--- a/src/components/FluidChart/fluidChart.scss
+++ b/src/components/FluidChart/fluidChart.scss
@@ -19,14 +19,14 @@
   align-items: center;
   justify-content: left;
   margin: auto;
-  padding-top: 1.5rem;
+  padding-top: 1rem;
   max-width: 45.75rem;
   .fluidchart-footer-label {
     color: $grey-bright;
   }
 }
 .compareLegend {
-  padding: 0 0 1rem 0;
+  padding: 1rem 0 0 0;
   display: flex;
   gap: 1rem;
   font-weight: 700;