diff --git a/src/components/FluidChart/fluidChart.scss b/src/components/FluidChart/fluidChart.scss index 8657f0d51afeb8d5e78b59673b7399a3e7a84926..04416b58daf25206c0fd1d4b116bb41f0b06daaa 100644 --- a/src/components/FluidChart/fluidChart.scss +++ b/src/components/FluidChart/fluidChart.scss @@ -15,4 +15,15 @@ @media #{$large-phone} { min-height: 21.5rem; } +} +.fluidchart-footer { + display: flex; + align-items: center; + justify-content: left; + margin: auto; + padding-top: 1.5rem; + max-width: 58.75rem; + .fluidchart-footer-label { + color: $grey-bright; + } } \ No newline at end of file diff --git a/src/components/TimeStepSelector/timeStepSelector.scss b/src/components/TimeStepSelector/timeStepSelector.scss index c7fad538bf1d01d63bbc03744fbcdf460f467da3..80dd77c004447aee83dcedd72fb3e6424810a397 100644 --- a/src/components/TimeStepSelector/timeStepSelector.scss +++ b/src/components/TimeStepSelector/timeStepSelector.scss @@ -54,7 +54,7 @@ top: 15px; left: -20px; text-align: center; - color: white; + color: $grey-bright; width: 50px; } .bar {