diff --git a/src/pages/InvitationPage.tsx b/src/pages/InvitationPage.tsx
index 534f540..58a2a5a 100644
--- a/src/pages/InvitationPage.tsx
+++ b/src/pages/InvitationPage.tsx
@@ -225,6 +225,24 @@ const InvitationPage = () => {
 
       {/* Header */}
       <Box sx={{ textAlign: 'center', mb: 4 }}>
+        {isGroupInvite && (
+          <Typography variant="h3" component="h1" gutterBottom sx={{ mb: 3 }}>
+            {personalizedInvite.inviteeName
+              ? `Invite ${personalizedInvite.inviteeName} to ${group?.name}`
+              : `Invite to ${group?.name}`
+            }
+          </Typography>
+        )}
+        
+        {!isGroupInvite && (
+          <Typography variant="h3" component="h1" gutterBottom>
+            {personalizedInvite.inviteeName 
+              ? `Invite ${personalizedInvite.inviteeName} to Your Network`
+              : 'Invite to Your Network'
+            }
+          </Typography>
+        )}
+        
         {isGroupInvite && group && (
           <Box sx={{ display: 'flex', alignItems: 'center', justifyContent: 'center', gap: 2, mb: 2 }}>
             <Avatar
@@ -249,24 +267,6 @@ const InvitationPage = () => {
           </Box>
         )}
         
-        {!isGroupInvite && (
-          <Typography variant="h3" component="h1" gutterBottom>
-            {personalizedInvite.inviteeName 
-              ? `Invite ${personalizedInvite.inviteeName} to Your Network`
-              : 'Invite to Your Network'
-            }
-          </Typography>
-        )}
-        
-        {isGroupInvite && (
-          <Typography variant="h3" component="h1" gutterBottom>
-            {personalizedInvite.inviteeName
-              ? `Invite ${personalizedInvite.inviteeName} to ${group?.name}`
-              : `Invite to ${group?.name}`
-            }
-          </Typography>
-        )}
-        
       </Box>
 
       <Grid container spacing={4}>