From f1ed94a16cfdf4a6c9f72c1ce93b60904914aa5b Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Mon, 6 Mar 2023 10:31:11 +0800
Subject: [PATCH] Font size on the edit info modal

---
 .../web/components/elements/StyledText.tsx    |  2 +-
 .../templates/homeFeed/EditItemModals.tsx     | 23 ++++++++++---------
 2 files changed, 13 insertions(+), 12 deletions(-)

diff --git a/packages/web/components/elements/StyledText.tsx b/packages/web/components/elements/StyledText.tsx
index 56099ad06..69858fe21 100644
--- a/packages/web/components/elements/StyledText.tsx
+++ b/packages/web/components/elements/StyledText.tsx
@@ -69,7 +69,7 @@ const textVariants = {
     modalHeadline: {
       fontWeight: '600',
       fontFamily: '$display',
-      fontSize: '16px',
+      fontSize: '20px',
       lineHeight: '20px',
       color: '$grayText',
       margin: 0,
diff --git a/packages/web/components/templates/homeFeed/EditItemModals.tsx b/packages/web/components/templates/homeFeed/EditItemModals.tsx
index 51bdf6d81..3c7f5fe00 100644
--- a/packages/web/components/templates/homeFeed/EditItemModals.tsx
+++ b/packages/web/components/templates/homeFeed/EditItemModals.tsx
@@ -194,7 +194,7 @@ function EditItemModal(props: EditItemModalProps): JSX.Element {
     mb: '2px',
     fontFamily: '$display',
     fontWeight: '600',
-    fontSize: '9px',
+    fontSize: '11px',
     color: '#898989',
   }
 
@@ -234,8 +234,8 @@ function EditItemModal(props: EditItemModalProps): JSX.Element {
                       border: '1px solid $thBorderColor',
                       fontFamily: 'Inter',
                       fontWeight: '500',
-                      fontSize: '12px',
-                      height: '30px',
+                      fontSize: '16px',
+                      height: '38px',
                       p: '5px',
                       color: '$thTextContrast2',
                       '&:focus': {
@@ -266,8 +266,8 @@ function EditItemModal(props: EditItemModalProps): JSX.Element {
                       border: '1px solid $thBorderColor',
                       fontFamily: 'Inter',
                       fontWeight: '500',
-                      fontSize: '12px',
-                      height: '30px',
+                      fontSize: '16px',
+                      height: '38px',
                       p: '5px',
                       color: '$thTextContrast2',
                       '&:focus': {
@@ -291,8 +291,8 @@ function EditItemModal(props: EditItemModalProps): JSX.Element {
                   width: '100%',
                   fontFamily: 'Inter',
                   fontWeight: '500',
-                  fontSize: '12px',
-                  height: '30px',
+                  fontSize: '16px',
+                  height: '38px',
                   p: '5px',
                   color: '$thTextContrast2',
                   '&:focus': {
@@ -314,8 +314,8 @@ function EditItemModal(props: EditItemModalProps): JSX.Element {
                   width: '100%',
                   fontFamily: 'Inter',
                   fontWeight: '500',
-                  fontSize: '12px',
-                  height: '30px',
+                  fontSize: '16px',
+                  height: '38px',
                   p: '5px',
                   color: '$thTextContrast2',
                   '&:focus': {
@@ -333,7 +333,7 @@ function EditItemModal(props: EditItemModalProps): JSX.Element {
                   width: '100%',
                   fontFamily: 'Inter',
                   fontWeight: '500',
-                  fontSize: '12px',
+                  fontSize: '16px',
                   height: '120px',
                   p: '5px',
                   color: '$thTextContrast2',
@@ -399,8 +399,9 @@ function Header(props: HeaderProps): JSX.Element {
           alignItems: 'center',
           justifyContent: 'center',
           borderRadius: '1000px',
+          bg: '#EBEBEB',
           '&:hover': {
-            bg: '#EBEBEB',
+            bg: '#898989',
           },
         }}
       >