diff --git a/src/frontend/src/features/home/components/IntroSlider.tsx b/src/frontend/src/features/home/components/IntroSlider.tsx index 2d921432..2d3516e1 100644 --- a/src/frontend/src/features/home/components/IntroSlider.tsx +++ b/src/frontend/src/features/home/components/IntroSlider.tsx @@ -18,9 +18,9 @@ const Heading = styled('h2', { width: 'fit-content', marginBottom: 0, fontSize: '1.3rem', - fontWeight: '600', + fontWeight: '700', marginTop: '0.75rem', - lineHeight: '2rem', + lineHeight: '1.7rem', maxWidth: '23rem', textAlign: 'center', textWrap: 'balance', diff --git a/src/frontend/src/features/home/routes/Home.tsx b/src/frontend/src/features/home/routes/Home.tsx index e2abace1..7d697238 100644 --- a/src/frontend/src/features/home/routes/Home.tsx +++ b/src/frontend/src/features/home/routes/Home.tsx @@ -120,7 +120,7 @@ const Separator = styled('div', { const Heading = styled('h1', { base: { - fontWeight: '600', + fontWeight: '700', fontStyle: 'normal', fontStretch: 'normal', fontOpticalSizing: 'auto', diff --git a/src/frontend/src/features/rooms/livekit/components/ReactionPortal.tsx b/src/frontend/src/features/rooms/livekit/components/ReactionPortal.tsx index a9efbe47..134bbd46 100644 --- a/src/frontend/src/features/rooms/livekit/components/ReactionPortal.tsx +++ b/src/frontend/src/features/rooms/livekit/components/ReactionPortal.tsx @@ -75,7 +75,7 @@ export function FloatingReaction({ > {emoji} @@ -89,9 +89,10 @@ export function FloatingReaction({ textAlign: 'center', borderRadius: '20px', paddingX: '0.5rem', - paddingY: '0.15rem', + paddingBottom: '0.3125rem', + paddingTop: '0.15rem', boxShadow: '0 2px 4px rgba(0, 0, 0, 0.1)', - lineHeight: '14px', + lineHeight: '16px', })} > {name} diff --git a/src/frontend/src/layout/Footer.tsx b/src/frontend/src/layout/Footer.tsx index 177bab96..d8276391 100644 --- a/src/frontend/src/layout/Footer.tsx +++ b/src/frontend/src/layout/Footer.tsx @@ -106,7 +106,7 @@ const Marianne = () => { className={css({ letterSpacing: '-.01em', textTransform: 'uppercase', - fontWeight: '600', + fontWeight: '700', fontFamily: 'Marianne', fontSize: '1.25rem', lineHeight: '1.75rem', diff --git a/src/frontend/src/layout/Header.tsx b/src/frontend/src/layout/Header.tsx index 2af6f459..c5418b83 100644 --- a/src/frontend/src/layout/Header.tsx +++ b/src/frontend/src/layout/Header.tsx @@ -44,7 +44,7 @@ const Marianne = () => { className={css({ letterSpacing: '-.01em', textTransform: 'uppercase', - fontWeight: '600', + fontWeight: '700', fontFamily: 'Marianne', fontSize: '0.7875rem !important', })} diff --git a/src/frontend/src/primitives/Field.tsx b/src/frontend/src/primitives/Field.tsx index 6651600f..6f54953d 100644 --- a/src/frontend/src/primitives/Field.tsx +++ b/src/frontend/src/primitives/Field.tsx @@ -44,7 +44,7 @@ const FieldWrapper = styled('div', { const StyledLabel = styled(Label, { base: { display: 'block', - fontSize: '0.75rem', + fontSize: '0.875rem', }, variants: { center: {