diff --git a/src/components/EcogestureSelection/EcogestureSelectionDetail/ecogestureSelectionDetail.scss b/src/components/EcogestureSelection/EcogestureSelectionDetail/ecogestureSelectionDetail.scss
index 72800374169c290e1f9bd9551542ecdaa4898392..2a3878b0956b1313f0abf1810bf49d81caf05f4c 100644
--- a/src/components/EcogestureSelection/EcogestureSelectionDetail/ecogestureSelectionDetail.scss
+++ b/src/components/EcogestureSelection/EcogestureSelectionDetail/ecogestureSelectionDetail.scss
@@ -7,13 +7,11 @@
   justify-content: space-between;
   text-align: center;
   color: $grey-bright;
-  padding: 0 1rem;
   height: 100vh;
-  max-height: calc(100vh - 0px - 72px - 72px - 14px);
-  overflow-y: auto;
+  max-height: calc(100vh - 0px - 72px - 72px - 3px);
 
   @media #{$tablet} {
-    max-height: calc(100vh - 60px - 72px - 72px - 14px);
+    max-height: calc(100vh - 60px - 72px - 72px - 10px);
   }
   @media #{$large-phone} {
     max-height: calc(100vh - 60px - 72px - 0px - 14px);
@@ -22,6 +20,8 @@
   .content {
     display: flex;
     flex-direction: column;
+    padding: 0 1rem;
+    overflow-y: scroll;
     gap: 16px;
 
     .title {
@@ -60,13 +60,15 @@
   }
 
   .buttons {
-    padding: 1rem 0;
+    padding: 1rem;
     display: flex;
     gap: 12px;
     justify-content: center;
     width: 100%;
+    box-sizing: border-box;
     // needed for text overflow
-    background-color: $grey-0;
+    background-color: $grey-1;
+    border: 1px solid $grey-2;
 
     button.btnSecondary {
       padding: 16px 8px;
diff --git a/src/components/EcogestureSelection/ecogestureSelectionView.scss b/src/components/EcogestureSelection/ecogestureSelectionView.scss
index 08a03001ffa0d5e46b21df7012b8f3bb23d8a3ba..342ab7ff7c06ba2d800420695e8dc48f28a52fb5 100644
--- a/src/components/EcogestureSelection/ecogestureSelectionView.scss
+++ b/src/components/EcogestureSelection/ecogestureSelectionView.scss
@@ -6,4 +6,5 @@
   text-align: center;
   margin-top: -1rem;
   margin-bottom: 1rem;
+  background-color: $grey-1;
 }