chore: fix fluid buttons styling

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;