fix

src/pages/converter/ui/LegalConverterPage.tsx

@@ -1,5 +1,5 @@
 import { useState } from 'react'
-import { FormField } from '@shared/ui'
+import { FormField, Select } from '@shared/ui'
 import styles from './LegalConverterPage.module.css'
 
 const MIN_ORDER = 500_000
@@ -70,23 +70,16 @@ export function LegalConverterPage() {
             </p>
           )}
 
-          <div className={styles.field}>
-            <label className={styles.fieldLabel} htmlFor="term">
-              Срок ожидания операции
-            </label>
-            <select
-              id="term"
-              className={styles.select}
-              value={days}
-              onChange={(e) => setDays(Number(e.target.value))}
-            >
-              {TERM_OPTIONS.map((o) => (
-                <option key={o.days} value={o.days}>
-                  {dayLabel(o.days)} — комиссия {(o.rate * 100).toFixed(1)} %
-                </option>
-              ))}
-            </select>
-          </div>
+          <Select
+            id="term"
+            label="Срок ожидания операции"
+            value={days}
+            onChange={setDays}
+            options={TERM_OPTIONS.map((o) => ({
+              value: o.days,
+              label: `${dayLabel(o.days)} — комиссия ${(o.rate * 100).toFixed(1)} %`,
+            }))}
+          />
 
           <FormField
             label="Как к вам обращаться"