From c7c582281e5ecb309f9d344527f5ee458d744866 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Tue, 21 Jun 2022 20:50:33 -0700
Subject: [PATCH] Right align the checkmark on the font selector

---
 .../web/components/templates/article/FontFamiliesOptions.tsx  | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/web/components/templates/article/FontFamiliesOptions.tsx b/packages/web/components/templates/article/FontFamiliesOptions.tsx
index c6e0297b2..74d8be422 100644
--- a/packages/web/components/templates/article/FontFamiliesOptions.tsx
+++ b/packages/web/components/templates/article/FontFamiliesOptions.tsx
@@ -30,7 +30,7 @@ type FontOptionProps = {
 function FontOption(props: FontOptionProps):JSX.Element {
   const isSelected = props.selected === props.family
   return (
-    <HStack distribution='between' alignment='start' css={{width: '100%', pt: '14px'}}>
+    <HStack distribution='between' alignment='start' css={{ width: '100%', pt: '14px' }}>
       <StyledText
         css={{ m: '0px', fontSize: 16, fontFamily: props.family, textTransform: 'capitalize', cursor: 'pointer' }}
         onClick={() => props.onSelect(props.family)}
@@ -60,7 +60,7 @@ export function FontFamiliesOptions(props: FontFamiliesListProps): JSX.Element {
           </HStack>
         </HStack>
       </Box>
-      <Box css={{ pl: 15, pb: 15}}>
+      <Box css={{ px: 15, pb: 15, width: '100%' }}>
         {FONT_FAMILIES.map((family) => (
           <FontOption selected={props.selected} family={family} onSelect={props.onSelect} key={`font-${family}`} />
         ))}