diff --git a/src/experiment-components/service-package-radio.vue b/src/experiment-components/service-package-radio.vue
index e53f1143a..41b8c8292 100644
--- a/src/experiment-components/service-package-radio.vue
+++ b/src/experiment-components/service-package-radio.vue
@@ -194,6 +194,12 @@ export default {
             position: absolute;
             left: -9999px;
 
+            + .package-label.pricing-by-day-pkg-lbl {
+                @include media-breakpoint-up(md) {                     
+                    padding-bottom: 0.75rem;                   
+                } 
+            }
+
             + .package-label.pricing-by-day-pkg-lbl.adjust-top {
                 /* Copying a component for an experiment will cause duplication of css classes.
                 This can cause problems if you want change the value of something only for the experiment
@@ -214,6 +220,9 @@ export default {
                 }
                 &:after {
                     top: 20px;
+                }                
+                @include media-breakpoint-up(md) {                     
+                    padding-bottom: 0.75rem;                   
                 }
             }
 
@@ -233,7 +242,8 @@ export default {
                 min-height: 52px;
                 max-height: 126px;
                 @include media-breakpoint-up(md) {
-                    max-height: 500px;
+                    max-height: 500px; 
+                    padding-bottom: 3rem;                   
                 }
                 transition: max-height 0.25s ease-in;