diff --git a/components/common/Input.tsx b/components/common/Input.tsx index 7af2e0bf..fc6c4583 100644 --- a/components/common/Input.tsx +++ b/components/common/Input.tsx @@ -21,7 +21,7 @@ export function Input(props: InputProps) { ref={inputRef} className={` w-full text-lg px-5 py-5 rounded-2xl - ${isFocused ? "bg-neutral-700 border-2 border-white" : "bg-neutral-900 border-2 border-transparent"} + ${isFocused ? "bg-neutral-700 border-2 border-white" : "bg-neutral-900 border-2 border-neutral-800"} text-white ${extraClassName} `} allowFontScaling={false} @@ -41,11 +41,15 @@ export function Input(props: InputProps) { ) : ( setIsFocused(true)} + onBlur={() => setIsFocused(false)} {...otherProps} /> ); diff --git a/components/settings/Jellyseerr.tsx b/components/settings/Jellyseerr.tsx index 20b7514d..0367ec39 100644 --- a/components/settings/Jellyseerr.tsx +++ b/components/settings/Jellyseerr.tsx @@ -161,7 +161,7 @@ export const JellyseerrSettings = () => { showPassword={showJellyseerrPassword} onShowPasswordChange={setShowJellyseerrPassword} layout='mobile' - topPosition='22' + topPosition='11' />