diff --git a/src/pages/profile/index.tsx b/src/pages/profile/index.tsx
index 47087d1..14ddbb6 100644
--- a/src/pages/profile/index.tsx
+++ b/src/pages/profile/index.tsx
@@ -19,8 +19,8 @@ import { State } from '../../store/rootReducer'
 import { getRoboHashPicture, hexToNpub, shorten } from '../../utils'
 import { truncate } from 'lodash'
 import { getProfileSettingsRoute } from '../../routes'
-import EditIcon from '@mui/icons-material/Edit';
-import LinkIcon from '@mui/icons-material/Link';
+import EditIcon from '@mui/icons-material/Edit'
+import LinkIcon from '@mui/icons-material/Link'
 import { LoadingSpinner } from '../../components/LoadingSpinner'
 
 export const ProfilePage = () => {
@@ -112,7 +112,11 @@ export const ProfilePage = () => {
    * @param sx props (MUI) to customize style
    * @returns HTML rendered text
    */
-  const textElementWithCopyIcon = (text: string, sx?: SxProps<Theme>, shortenOffset?: number) => {
+  const textElementWithCopyIcon = (
+    text: string,
+    sx?: SxProps<Theme>,
+    shortenOffset?: number
+  ) => {
     const onClick = () => {
       navigator.clipboard.writeText(text)
 
@@ -153,8 +157,14 @@ export const ProfilePage = () => {
       {isLoading && <LoadingSpinner desc={loadingSpinnerDesc} />}
       {pubkey && (
         <Box className={styles.container}>
-          <Box className={`${styles.banner} ${!profileMetadata || !profileMetadata.banner ? styles.noImage : ''}`}>
-            {profileMetadata && profileMetadata.banner ? <img src={profileMetadata.banner}/> : ''}
+          <Box
+            className={`${styles.banner} ${!profileMetadata || !profileMetadata.banner ? styles.noImage : ''}`}
+          >
+            {profileMetadata && profileMetadata.banner ? (
+              <img src={profileMetadata.banner} />
+            ) : (
+              ''
+            )}
           </Box>
 
           <Box className={styles.belowBanner}>
@@ -175,64 +185,92 @@ export const ProfilePage = () => {
                 </div>
               </Box>
               <Box className={styles.middle}>
-                <Typography 
+                <Typography
                   component={Link}
                   to={`https://njump.me/${nostrJoiningBlock?.encodedEventPointer || ''}`}
-                  target="_blank" 
-                  sx={{ color: '#7b7b7b', marginTop: '15px', display: 'block' }} 
-                  variant='caption'>
-                    {nostrJoiningBlock ? `On nostr since ${nostrJoiningBlock.block.toLocaleString()}` : 'On nostr since: unknown'}
+                  target="_blank"
+                  sx={{ color: '#7b7b7b', marginTop: '15px', display: 'block' }}
+                  variant="caption"
+                >
+                  {nostrJoiningBlock
+                    ? `On nostr since ${nostrJoiningBlock.block.toLocaleString()}`
+                    : 'On nostr since: unknown'}
                 </Typography>
               </Box>
               <Box className={styles.right}>
                 {isUsersOwnProfile && (
-                  <IconButton onClick={() => navigate(getProfileSettingsRoute(pubkey))}>
-                    <EditIcon/>
+                  <IconButton
+                    onClick={() => navigate(getProfileSettingsRoute(pubkey))}
+                  >
+                    <EditIcon />
                   </IconButton>
                 )}
               </Box>
             </Box>
             <Box className={styles.head}>
-                  <Box className={styles.npubNip}>
-                    <Box
-                      sx={{
-                        display: 'flex'
-                      }}
+              <Box className={styles.npubNip}>
+                <Box
+                  sx={{
+                    display: 'flex'
+                  }}
+                >
+                  {profileMetadata && (
+                    <Typography
+                      sx={{ marginRight: 1 }}
+                      variant="h6"
+                      className={styles.bold}
                     >
-                      {profileMetadata &&
-                        <Typography sx={{ marginRight: 1 }} variant="h6" className={styles.bold}>
-                          {truncate(
-                            profileMetadata.display_name ||
-                              profileMetadata.name ||
-                              hexToNpub(pubkey),
-                            {
-                              length: 16
-                            }
-                          )}
-                        </Typography>}
-                    </Box>
-                    <Box>
-                      {textElementWithCopyIcon(hexToNpub(pubkey) || '', { color: '#5e5e5e' }, 5)}
-                    </Box>
-                    <Box>
-                      {profileMetadata?.nip05 &&
-                        textElementWithCopyIcon(profileMetadata.nip05, { color: '#5e5e5e' })}
-                    </Box>
-                    <Box>
-                      {profileMetadata?.lud16 &&
-                        textElementWithCopyIcon(profileMetadata.lud16, { color: '#5e5e5e' })}
-                    </Box>
-                  </Box>
-
-                  <Box>
-                    {profileMetadata?.website && (
-                      <Typography sx={{ marginTop: '10px' }} variant='caption' className={`${styles.website} ${styles.captionWrapper}`}>
-                        <Typography variant="caption" sx={{color: '#5e5e5e'}} className={styles.npubNipItem}>{profileMetadata.website}</Typography>
-                        <LinkIcon className={styles.captionIcon}/>
-                      </Typography>
-                    )}
-                  </Box>
+                      {truncate(
+                        profileMetadata.display_name ||
+                          profileMetadata.name ||
+                          hexToNpub(pubkey),
+                        {
+                          length: 16
+                        }
+                      )}
+                    </Typography>
+                  )}
                 </Box>
+                <Box>
+                  {textElementWithCopyIcon(
+                    hexToNpub(pubkey) || '',
+                    { color: '#5e5e5e' },
+                    5
+                  )}
+                </Box>
+                <Box>
+                  {profileMetadata?.nip05 &&
+                    textElementWithCopyIcon(profileMetadata.nip05, {
+                      color: '#5e5e5e'
+                    })}
+                </Box>
+                <Box>
+                  {profileMetadata?.lud16 &&
+                    textElementWithCopyIcon(profileMetadata.lud16, {
+                      color: '#5e5e5e'
+                    })}
+                </Box>
+              </Box>
+
+              <Box>
+                {profileMetadata?.website && (
+                  <Typography
+                    sx={{ marginTop: '10px' }}
+                    variant="caption"
+                    className={`${styles.website} ${styles.captionWrapper}`}
+                  >
+                    <Typography
+                      variant="caption"
+                      sx={{ color: '#5e5e5e' }}
+                      className={styles.npubNipItem}
+                    >
+                      {profileMetadata.website}
+                    </Typography>
+                    <LinkIcon className={styles.captionIcon} />
+                  </Typography>
+                )}
+              </Box>
+            </Box>
             <Box>
               {profileMetadata?.about && (
                 <Typography mt={1} className={styles.about}>
diff --git a/src/pages/settings/profile/index.tsx b/src/pages/settings/profile/index.tsx
index 7bde460..9b68872 100644
--- a/src/pages/settings/profile/index.tsx
+++ b/src/pages/settings/profile/index.tsx
@@ -297,7 +297,9 @@ export const ProfileSettingsPage = () => {
                     src={profileMetadata.banner}
                     alt="Banner Image"
                   />
-                ): <Box className={styles.noBanner}> No banner found </Box>}
+                ) : (
+                  <Box className={styles.noBanner}> No banner found </Box>
+                )}
               </ListItem>
 
               {editItem('banner', 'Banner URL', undefined, undefined)}