style: update type sizes (#3292)

src/lib/components/Swap/Output.tsx

@@ -83,9 +83,9 @@ export default function Output({ disabled, focused, children }: PropsWithChildre
     <DynamicThemeProvider color={color}>
       <OutputColumn hasColor={hasColor} gap={0.5}>
         <Row>
-          <ThemedText.Subhead2 color="secondary">
+          <ThemedText.Subhead1 color="secondary">
             <Trans>For</Trans>
-          </ThemedText.Subhead2>
+          </ThemedText.Subhead1>
         </Row>
         <TokenInput
           currency={swapOutputCurrency}

src/lib/components/Swap/TokenInput.tsx

@@ -16,6 +16,7 @@ const TokenInputRow = styled(Row)`
 
 const ValueInput = styled(DecimalInput)<{ $loading: boolean }>`
   color: ${({ theme }) => theme.primary};
+  height: 1em;
 
   :hover:not(:focus-within) {
     color: ${({ theme }) => theme.onHover(theme.primary)};

src/lib/components/Widget.tsx

@@ -28,7 +28,7 @@ const WidgetWrapper = styled.div<{ width?: number | string }>`
   font-size: 16px;
   font-smooth: always;
   font-variant: none;
-  height: 346px;
+  height: 348px;
   min-width: 300px;
   padding: 0.25em;
   position: relative;

src/lib/theme/type.tsx

@@ -20,7 +20,7 @@ export function H1(props: TextProps) {
 }
 
 export function H2(props: TextProps) {
-  return <TextWrapper className="headline headline-2" fontSize={24} fontWeight={400} lineHeight="32px" {...props} />
+  return <TextWrapper className="headline headline-2" fontSize={32} fontWeight={400} lineHeight="32px" {...props} />
 }
 
 export function H3(props: TextProps) {