diff --git a/styles/10-components-interactive-elements.css b/styles/10-components-interactive-elements.css
index 022339a..f863e7a 100644
--- a/styles/10-components-interactive-elements.css
+++ b/styles/10-components-interactive-elements.css
@@ -320,6 +320,11 @@
       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);
+    }
+
     .sg-labeled-input-row:has(.sg-input-multi-line) {
       align-items: flex-start;
     }