fix: minor border radius issues (#611)

pluralsh · Jun 18, 2024 · cc2316e · cc2316e
1 parent eea0851
commit cc2316e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/src/components/Select.tsx b/src/components/Select.tsx
@@ -160,6 +160,7 @@ const SelectButtonInner = styled.div<{
     color: theme.colors['text-light'],
     border: theme.borders.input,
     borderRadius: theme.borderRadiuses.medium,
+    overflow: 'hidden',
     '.content': {
       alignItems: 'center',
       display: 'flex',

diff --git a/src/theme.tsx b/src/theme.tsx
@@ -201,7 +201,7 @@ const getHonorableThemeProps = ({ mode }: { mode: ColorMode }) => {
         {
           buttonMedium: true,
           display: 'flex',
-          borderRadius: 'normal',
+          borderRadius: 'medium',
           color: 'text-always-white',
           backgroundColor: 'action-primary',
           border: '1px solid action-primary',
@@ -460,7 +460,7 @@ const getHonorableThemeProps = ({ mode }: { mode: ColorMode }) => {
         {
           width: 24,
           height: 24,
-          borderRadius: 'normal',
+          borderRadius: 'medium',
         },
         ({ small }: any) =>
           small && {
@@ -527,7 +527,7 @@ const getHonorableThemeProps = ({ mode }: { mode: ColorMode }) => {
           paddingRight: 'medium',
           paddingLeft: 'medium',
           border: '1px solid border-input',
-          borderRadius: 'normal',
+          borderRadius: 'medium',
           _focusWithin: {
             borderColor: 'border-outline-focused',
           },
@@ -630,7 +630,7 @@ const getHonorableThemeProps = ({ mode }: { mode: ColorMode }) => {
           paddingBottom: '4px',
           backgroundColor: 'fill-two',
           border: '1px solid border',
-          borderRadius: 'normal',
+          borderRadius: 'medium',
           boxShadow: 'moderate',
           elevation: 0, // reset from honorable-theme-default
         },