diff --git a/src/digital-components/textbox-question/textbox-question.vue b/src/digital-components/textbox-question/textbox-question.vue
index 4eb81ab0b..e6d75fee1 100644
--- a/src/digital-components/textbox-question/textbox-question.vue
+++ b/src/digital-components/textbox-question/textbox-question.vue
@@ -325,8 +325,11 @@ export default {
         border: 1px solid $gray-500;
         border-radius: 0.5rem;
         min-height: 3rem;
-        max-height: 48px;
-        padding: 12px 16px;
+        padding: 0.75rem 1rem;
+        @include media-breakpoint-up(md) {
+            padding: 1rem;
+            min-height: 3.5rem;
+        }
         &::placeholder {
             color: $gray-500;
         }
diff --git a/src/fmg-components/funnel-sub-header/funnel-sub-header.vue b/src/fmg-components/funnel-sub-header/funnel-sub-header.vue
index e296206ac..f42a90972 100644
--- a/src/fmg-components/funnel-sub-header/funnel-sub-header.vue
+++ b/src/fmg-components/funnel-sub-header/funnel-sub-header.vue
@@ -89,7 +89,7 @@ p.small {
 }
 .sub-text {
     margin: 0;
-    @include responsive-heading-md(0.875rem, 1rem);
+    @include responsive-font-size-md(0.875rem, 1rem);
 }
 
 .justify-content-start {
diff --git a/src/layouts/quote/quote.vue b/src/layouts/quote/quote.vue
index 49d116946..c062069af 100644
--- a/src/layouts/quote/quote.vue
+++ b/src/layouts/quote/quote.vue
@@ -794,6 +794,6 @@ export default {
     display: block;
 }
 :deep(.promo-modal-question a) {
-    @include responsive-heading-md(0.875rem, 1rem);
+    @include responsive-font-size-md(0.875rem, 1rem);
 }
 </style>
diff --git a/src/layouts/service-location/shop-question/shop-list-button/shop-list-button.vue b/src/layouts/service-location/shop-question/shop-list-button/shop-list-button.vue
index e46b02a96..20accf43b 100644
--- a/src/layouts/service-location/shop-question/shop-list-button/shop-list-button.vue
+++ b/src/layouts/service-location/shop-question/shop-list-button/shop-list-button.vue
@@ -6,7 +6,7 @@
             v-model="selectedValue">
             <div
                 :aria-label="buttonLabel"
-                class="button-content list-button-content d-flex flex-column justify-content-center py-3 px-4">
+                class="button-content list-button-content d-flex flex-column justify-content-center py-3 px-4 p-md-4">
                 <div class="row-one">
                     <span class="m-0 button-label-copy text-truncate" :class="textPosition">
                         {{ buttonLabel }}
diff --git a/src/layouts/service-location/shop-question/shop-question.vue b/src/layouts/service-location/shop-question/shop-question.vue
index 98d7e537e..4a7818834 100644
--- a/src/layouts/service-location/shop-question/shop-question.vue
+++ b/src/layouts/service-location/shop-question/shop-question.vue
@@ -272,7 +272,7 @@ export default {
     text-align: center;
 
     a {
-        @include responsive-heading-md(0.875rem, 1rem);
+        @include responsive-font-size-md(0.875rem, 1rem);
     }
 
     .button-question {
diff --git a/src/styles/common-typography-styles.scss b/src/styles/common-typography-styles.scss
index fc3e87896..a6ab8289f 100644
--- a/src/styles/common-typography-styles.scss
+++ b/src/styles/common-typography-styles.scss
@@ -37,7 +37,7 @@ h5,
 .h5 {
     line-height: 1.325;
     font-weight: 400;
-    @include responsive-heading-md(1.25rem, 1.625rem);
+    @include responsive-font-size-md(1.25rem, 1.625rem);
 }
 
 h6,
diff --git a/src/styles/mixins/customMixins.scss b/src/styles/mixins/customMixins.scss
index e5f0caa86..9e058e6ee 100644
--- a/src/styles/mixins/customMixins.scss
+++ b/src/styles/mixins/customMixins.scss
@@ -9,11 +9,14 @@
     box-shadow: 0 0 0 4px $color;
 }
 
-//Define heading sizes for medium breakpoints
-@mixin responsive-heading-md($font-size, $md-font-size) {
+// Typography size mixin for medium breakpoints
+// Use this to adjust font size for medium breakpoint
+@mixin responsive-font-size-md($font-size, $md-font-size) {
     font-size: $font-size;
 
     @include media-breakpoint-up(md) {
         font-size: $md-font-size;
     }
 }
+// Usage: @include responsive-font-size-md(mobile-font-size-in-rem, desktop-font-size-in-rem);
+// Example: @include responsive-font-size-md(0.875rem, 1rem);
\ No newline at end of file