[TMA-447] Natural Transitions (#145)

* edit profile text now is back to black

* changed default style to card and added custom modal transitions

* resolved linter error

2 files changed, 3 insertions, 0 deletions

diff --git a/src/components/profile/MomentMoreInfoDrawer.tsx b/src/components/profile/MomentMoreInfoDrawer.tsx
index 91fb3d2b..e127e05c 100644
--- a/src/components/profile/MomentMoreInfoDrawer.tsx
+++ b/src/components/profile/MomentMoreInfoDrawer.tsx
@@ -77,12 +77,14 @@ const MomentMoreInfoDrawer: React.FC<MomentMoreInfoDrawerProps> = (props) => {
         <GenericMoreInfoDrawer
           {...props}
           showIcons={false}
+          textColor={'red'}
           buttons={[['Delete Moment', handleDeleteMoment]]}
         />
       ) : (
         <GenericMoreInfoDrawer
           {...props}
           showIcons={false}
+          textColor={'red'}
           buttons={[['Report an Issue', handleReportMoment]]}
         />
       )}
diff --git a/src/components/profile/ProfileMoreInfoDrawer.tsx b/src/components/profile/ProfileMoreInfoDrawer.tsx
index 4fe24128..80ad9bba 100644
--- a/src/components/profile/ProfileMoreInfoDrawer.tsx
+++ b/src/components/profile/ProfileMoreInfoDrawer.tsx
@@ -41,6 +41,7 @@ const ProfileMoreInfoDrawer: React.FC<ProfileMoreInfoDrawerProps> = (props) => {
       <GenericMoreInfoDrawer
         {...props}
         showIcons={true}
+        textColor={'black'}
         buttons={[
           ['Edit Profile', goToEditProfile, <PersonOutline color="black" />],
         ]}