diff --git a/src/components/Consumption/FluidButtons/fluidButtons.scss b/src/components/Consumption/FluidButtons/fluidButtons.scss index a2fe1396ee284b6ce10cdf9fd4bb1a2514e5dff2..fa69ea60a74c195fe770053c1cc2a84d3e6e3213 100644 --- a/src/components/Consumption/FluidButtons/fluidButtons.scss +++ b/src/components/Consumption/FluidButtons/fluidButtons.scss @@ -2,7 +2,6 @@ @import 'src/styles/base/breakpoint'; .fluid-buttons { - width: 100%; background: $dark-light-2; padding-top: 0.5rem; box-shadow: inset 0px 4px 8px #000000; @@ -10,7 +9,6 @@ display: flex; align-items: center; justify-content: space-evenly; - padding: 0.6rem 0; box-sizing: border-box; width: 45.75rem; margin: auto; @@ -19,14 +17,12 @@ } } .fluid-button { - cursor: pointer; - min-width: 70px; - margin: 0 0.3rem; - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - position: relative; + min-width: 80px; + span { + display: flex; + flex-direction: column; + } + .fluid-title { text-align: center; color: $grey-dark;