diff --git a/src/app/components/developer/developer-view.jsx b/src/app/components/developer/developer-view.jsx
index ee0a1d9279..2e4cab71cb 100755
--- a/src/app/components/developer/developer-view.jsx
+++ b/src/app/components/developer/developer-view.jsx
@@ -44,14 +44,16 @@ const useStyles = makeStyles({
     gridTemplateColumns: '1fr 1fr',
     gap: '16px',
   },
-  historyContent: {
-    display: 'grid',
-    padding: '4px',
-  },
   developerHeader: {
     margin: '0',
     fontSize: '1.25em',
   },
+  developerHeaderContainer: {
+    maxWidth: '75%',
+  },
+  fullWidth: {
+    gridColumn: '1 / -1',
+  },
   headerContainer: {
     display: 'flex',
     alignItems: 'center',
@@ -60,6 +62,15 @@ const useStyles = makeStyles({
   headerTitle: {
     margin: 0,
   },
+  historyContent: {
+    display: 'grid',
+    padding: '4px',
+  },
+  MuiAccordionroot: {
+    '&.MuiAccordion-root:before': {
+      backgroundColor: 'transparent',
+    },
+  },
   statusHistorySummary: {
     backgroundColor: '#fff',
     boxShadow: 'none',
@@ -72,14 +83,6 @@ const useStyles = makeStyles({
     fontWeight: 'bold',
     marginTop: '8px',
   },
-  fullWidth: {
-    gridColumn: '1 / -1',
-  },
-  MuiAccordionroot: {
-    '&.MuiAccordion-root:before': {
-      backgroundColor: 'transparent',
-    },
-  },
 });
 
 const isActive = (statuses) => !statuses || statuses.length === 0 || statuses.every((status) => status.endDate);
@@ -252,7 +255,7 @@ function ChplDeveloperView(props) {
       <CardHeader
         title={(
           <div className={classes.headerContainer}>
-            {isSplitting ? 'Original Developer' : developer.name}
+            <div className={classes.developerHeaderContainer}>{isSplitting ? 'Original Developer' : developer.name}</div>
             { can('edit') && !hasAnyRole(['chpl-developer'])
               && (
                 <ChplOrganizationActivity