@@ -129,11 +129,12 @@ export default function Input({
129129 autoFocus = false,
130130 ...rest
131131}) {
132+ const actuallyAutoFocus = autoFocus && !disabled;
132133 const { focused, pass, visiblyPassed, error, data, bind } = useInput({
133134 validators,
134135 transformers,
135136 initialValue,
136− autoFocus,
137+ autoFocus: actuallyAutoFocus,
137138 });
138139
139140 // notify parent of value only when passing
@@ -171,7 +172,7 @@ export default function Input({
171172 { mono },
172173 {
173174 'bg-white': !disabled,
174− 'bg-gray3': disabled,
175+ 'bg-gray1': disabled,
175176 },
176177 {
177178 gray4: !focused,
@@ -190,7 +191,7 @@ export default function Input({
190191 }}
191192 id={name}
192193 name={name}
193− autoFocus={autoFocus}
194+ autoFocus={actuallyAutoFocus}
194195 {...bind}
195196 />
196197 </Grid.Item>