правка интерфейса

frontend/src/webparts/approvalAdmin/components/ui/FormField.module.scss

@@ -6,7 +6,15 @@
   gap: 18px 22px;
 }
 
-.field { display: flex; flex-direction: column; gap: 6px; }
+.field {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  // Grid-элементы по умолчанию не сжимаются уже своего min-content
+  // (min-width: auto) — из-за этого длинный текст/плейсхолдер в инпуте
+  // мог распирать колонку и вызывать горизонтальный скролл модалки.
+  min-width: 0;
+}
 .full { grid-column: 1 / -1; }
 
 .label {
@@ -21,6 +29,10 @@
 .input,
 .select,
 .textarea {
+  // border-box обязателен: width:100% + padding/border в content-box
+  // (браузерный дефолт) делает элемент шире контейнера на padding+border
+  // и распирает модалку в горизонтальный скролл.
+  box-sizing: border-box;
   padding: 11px 13px;
   border: 1px solid $gray-300;
   border-radius: $r-sm;