diff --git a/styles/01-foundations.css b/styles/01-foundations.css
index 6a67329..0a6c099 100644
--- a/styles/01-foundations.css
+++ b/styles/01-foundations.css
@@ -81,6 +81,7 @@
   --layout-input-label-width: var(--dimension-input-label-width);
   --layout-input-field-desktop-width: var(--dimension-input-field-desktop-width);
   --layout-input-field-max-width: var(--dimension-input-field-max-width);
+  --layout-form-input-field-max-width: calc(var(--layout-input-field-max-width) + 100px);
   --layout-search-field-width: var(--dimension-search-field-width);
   --layout-mode-toggle-local-height: var(--compact-interaction-height);
   --layout-mode-toggle-local-width-factor: 3;
diff --git a/styles/10-components-interactive-elements.css b/styles/10-components-interactive-elements.css
index f863e7a..869de6d 100644
--- a/styles/10-components-interactive-elements.css
+++ b/styles/10-components-interactive-elements.css
@@ -317,12 +317,7 @@
     .sg-labeled-input-row .sg-input-multi-line {
       width: 100%;
       min-width: 0;
-      max-width: var(--layout-input-field-max-width);
-    }
-
-    #component-input-field-single-line .sg-labeled-input-row .sg-input-single-line,
-    #component-input-field-multi-line .sg-labeled-input-row .sg-input-multi-line {
-      max-width: calc(var(--layout-input-field-max-width) + 100px);
+      max-width: var(--layout-form-input-field-max-width);
     }
 
     .sg-labeled-input-row:has(.sg-input-multi-line) {
diff --git a/styles/25-patterns-form-sections.css b/styles/25-patterns-form-sections.css
index 1c6fe7f..d78e98a 100644
--- a/styles/25-patterns-form-sections.css
+++ b/styles/25-patterns-form-sections.css
@@ -11,7 +11,7 @@
     calc(var(--layout-input-label-width) + var(--spacing-small) + var(--layout-input-field-desktop-width))
   );
   max-width: calc(
-    var(--layout-input-label-width) + var(--spacing-small) + var(--layout-input-field-max-width) + 100px
+    var(--layout-input-label-width) + var(--spacing-small) + var(--layout-form-input-field-max-width)
   );
 }