From edeed6e4cc87714adce5bedb3a2656bdf96fd347 Mon Sep 17 00:00:00 2001
From: William Grant <willmgrant@gmail.com>
Date: Wed, 5 Jun 2024 17:27:12 +1000
Subject: [PATCH] fix: separate p tag styles into a component from
 styledprofilename

---
 ts/components/dialog/edit-profile/components.tsx | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/ts/components/dialog/edit-profile/components.tsx b/ts/components/dialog/edit-profile/components.tsx
index 2b7f848f6..ada88fffe 100644
--- a/ts/components/dialog/edit-profile/components.tsx
+++ b/ts/components/dialog/edit-profile/components.tsx
@@ -85,18 +85,19 @@ const StyledProfileName = styled(Flex)`
   margin-inline-start: calc((25px + var(--margins-sm)) * -1);
   padding: 8px;
   border: 1px solid var(--transparent-color);
-  p {
-    font-size: var(--font-size-xl);
-    line-height: 1.4;
-    margin: 0;
-    padding: 0px;
-  }
 
   .session-icon-button {
     padding: 0px;
   }
 `;
 
+const StyledName = styled.p`
+  font-size: var(--font-size-xl);
+  line-height: 1.4;
+  margin: 0;
+  padding: 0px;
+`;
+
 export const ProfileName = (props: { profileName: string; onClick: () => void }) => {
   const { profileName, onClick } = props;
 
@@ -109,7 +110,7 @@ export const ProfileName = (props: { profileName: string; onClick: () => void })
         dataTestId="edit-profile-icon"
       />
       <SpacerSM />
-      <p data-testid="your-profile-name">{profileName}</p>
+      <StyledName data-testid="your-profile-name">{profileName}</StyledName>
     </StyledProfileName>
   );
 };