Skip to content

Commit 7175858

Browse files
authored
Enhance SearchInputBox styling with improved input padding (#1118)
* Enhance SearchInputBox styling with improved input padding and button positioning * Fix formatting in SearchInputBox import statement
1 parent bef0a62 commit 7175858

File tree

1 file changed

+7
-0
lines changed

1 file changed

+7
-0
lines changed

src/components/@molecules/SearchInput/SearchInputBox.tsx

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,13 @@ const SearchInputWrapper = styled.div<{ $size: 'medium' | 'extraLarge' }>(
1616
border-radius: ${theme.radii['2.5xLarge']};
1717
border-color: ${theme.colors.border};
1818
width: 100%;
19+
& input {
20+
padding-right: ${theme.space['12']};
21+
}
22+
& button {
23+
position: relative;
24+
right: -${theme.space['4']};
25+
}
1926
& input::placeholder {
2027
color: ${theme.colors.greyPrimary};
2128
font-weight: ${theme.fontWeights.bold};

0 commit comments

Comments
 (0)