diff --git a/src/components/StateToggle.tsx b/src/components/StateToggle.tsx index 6acb2a8..d2860b7 100644 --- a/src/components/StateToggle.tsx +++ b/src/components/StateToggle.tsx @@ -10,7 +10,7 @@ const StateToggle = styled.div` padding: 12px 16px; /* padding-bottom: 13px; */ font-size: 14px; - line-height: 14px; + line-height: 1rem; font-weight: 500; cursor: pointer; color: var(--textSecondary, #506176); diff --git a/src/components/modal.tsx b/src/components/modal.tsx index 3b6a36c..a414bb6 100644 --- a/src/components/modal.tsx +++ b/src/components/modal.tsx @@ -47,7 +47,7 @@ const Title = styled(Flex)` `; const FormWrapper = styled.div` - padding: 0 24px 12px 24px; + padding: 0 24px; label { display: flex; @@ -117,7 +117,7 @@ const SubmitButton = styled.button` `; const Hint = styled.p` - margin-top: 0; + margin-top: 0 !important; padding: 0 24px; font-family: Inter, sans-serif; font-weight: 500; diff --git a/src/styles/subsqaure.ts b/src/styles/subsqaure.ts index 83f8daf..e5aa2a1 100644 --- a/src/styles/subsqaure.ts +++ b/src/styles/subsqaure.ts @@ -36,7 +36,8 @@ const SubSquare = { `, tab: css` padding: 12px 16px; - line-height: 14px; + line-height: 1rem; + margin-right: 1px; /* border-bottom: none; */ color: var(--textSecondary, #506176); @@ -57,6 +58,7 @@ const SubSquare = { 1px 0 0 0 var(--neutral300, #ebeef4); } :last-child { + margin-right: 0; box-shadow: 0 1px 0 0 var(--neutral100, #ffffff), 1px 0 0 0 var(--neutral300, #ebeef4), -1px 0 0 0 var(--neutral300, #ebeef4);