From 27d364e5f130694ca2564e7fcfaf1c1b96aff176 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Thu, 9 Jun 2022 12:53:15 -0700
Subject: [PATCH] Layout / text tweaks

---
 .../web/components/templates/homeFeed/EditTitleModal.tsx | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/packages/web/components/templates/homeFeed/EditTitleModal.tsx b/packages/web/components/templates/homeFeed/EditTitleModal.tsx
index c5d795f86..ede501393 100644
--- a/packages/web/components/templates/homeFeed/EditTitleModal.tsx
+++ b/packages/web/components/templates/homeFeed/EditTitleModal.tsx
@@ -62,7 +62,7 @@ export function EditTitleModal(props: EditTitleModalProps): JSX.Element {
     <ModalRoot defaultOpen onOpenChange={props.onOpenChange}>
       <ModalOverlay />
       <ModalContent
-        css={{ bg: '$grayBg', maxWidth: '20em', pt: '0px' }}
+        css={{ bg: '$grayBg', pt: '0px' }}
         onInteractOutside={() => {
           // remove focus from modal
           (document.activeElement as HTMLElement).blur()
@@ -75,7 +75,7 @@ export function EditTitleModal(props: EditTitleModalProps): JSX.Element {
             css={{ width: '100%', mt: '4px' }}
           >
             <StyledText style="modalHeadline">
-              Edit Title or Description
+              Edit Title and Description
             </StyledText>
             <Button
               css={{ p: '10px', cursor: 'pointer', pt: '2px' }}
@@ -121,10 +121,9 @@ export function EditTitleModal(props: EditTitleModalProps): JSX.Element {
               >
                 <StyledTextArea
                   css={{
-                    mt: '$2',
-                    width: '95%',
-                    p: '$1',
+                    p: '14px',
                     height: '$6',
+                    width: '100%',
                   }}
                   placeholder="Edit Description"
                   value={description}