diff --git a/src/components/Field/Field.react.js b/src/components/Field/Field.react.js
index 7c9f06b617..d768d0489e 100644
--- a/src/components/Field/Field.react.js
+++ b/src/components/Field/Field.react.js
@@ -23,7 +23,13 @@ const Field = ({ label, input, labelWidth = 50, labelPadding, height, className
   }
   return (
     <div className={classes.join(' ')}>
-      <div className={styles.left} style={{ width: labelWidth + '% ', height: height }}>
+      <div
+        className={styles.left}
+        style={{
+          height: height,
+          '--modal-label-ratio': labelWidth / 100,
+        }}
+      >
         {label}
       </div>
       <div className={styles.right} style={{ height: height }}>
diff --git a/src/components/Field/Field.scss b/src/components/Field/Field.scss
index 2978470710..bf0f387fbf 100644
--- a/src/components/Field/Field.scss
+++ b/src/components/Field/Field.scss
@@ -28,6 +28,9 @@
 .left {
   display: flex;
   align-items: center;
+  flex-shrink: 0;
+  width: calc(var(--modal-min-width, 540px) * var(--modal-label-ratio, 0.5));
+  max-width: calc(var(--modal-min-width, 540px) * var(--modal-label-ratio, 0.5));
 }
 
 .right {
@@ -39,7 +42,7 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  flex: 1
+  flex: 1;
 }
 
 
diff --git a/src/components/Modal/Modal.scss b/src/components/Modal/Modal.scss
index 171c32e4cf..649b60a658 100644
--- a/src/components/Modal/Modal.scss
+++ b/src/components/Modal/Modal.scss
@@ -9,10 +9,12 @@
 
 .modal {
   @include modalAnimation();
+  --modal-min-width: 540px;
   position: absolute;
   top: 50%;
   left: 50%;
-  width: 540px;
+  width: auto;
+  min-width: var(--modal-min-width);
   background: white;
   border-radius: 5px;
   overflow: hidden;
diff --git a/src/components/TextInput/TextInput.scss b/src/components/TextInput/TextInput.scss
index 1b05ca6025..825c3cfaf7 100644
--- a/src/components/TextInput/TextInput.scss
+++ b/src/components/TextInput/TextInput.scss
@@ -14,9 +14,11 @@
   background: $inputBackgroundColor;
   font-size: 16px;
   width: 100%;
+  min-width: 100%;
+  min-height: 100%;
   padding: 6px;
   vertical-align: top;
-  resize: vertical;
+  resize: both;
 
   &:focus {
     @include placeholder {