From 37bcac77a9e8908223c3fa97e74427d9b30b9af7 Mon Sep 17 00:00:00 2001 From: Alec M Date: Tue, 8 Oct 2024 10:20:35 -0400 Subject: [PATCH] fix: Address height shift on focus --- src/components/Questionnaire/CustomAutocomplete.tsx | 10 ++-------- 1 file changed, 2 insertions(+), 8 deletions(-) diff --git a/src/components/Questionnaire/CustomAutocomplete.tsx b/src/components/Questionnaire/CustomAutocomplete.tsx index bc216299..a2080a6b 100644 --- a/src/components/Questionnaire/CustomAutocomplete.tsx +++ b/src/components/Questionnaire/CustomAutocomplete.tsx @@ -88,7 +88,8 @@ const StyledAutocomplete = styled(Autocomplete)(({ readOnly }: { readOnly?: bool "&.MuiAutocomplete-inputRoot.MuiInputBase-root": { display: "flex", alignItems: "center", - padding: "12px 30px 12px 12px !important", + padding: "10.5px 30px 10.5px 12px !important", + height: "44px", ...(readOnly ? { backgroundColor: "#E5EEF4", @@ -97,17 +98,10 @@ const StyledAutocomplete = styled(Autocomplete)(({ readOnly }: { readOnly?: bool : {}), }, "& .MuiInputBase-input": { - fontWeight: 400, - fontSize: "16px", - fontFamily: "'Nunito', 'Rubik', sans-serif", padding: "0 !important", height: "20px", cursor: readOnly ? "not-allowed !important" : "initial", }, - "& .MuiAutocomplete-clearIndicator": { - visibility: "hidden !important", - position: "absolute", - }, }, }));