diff --git a/packages/app/src/Element/NoteCreator.css b/packages/app/src/Element/NoteCreator.css
index dd4d942e7..017a9e350 100644
--- a/packages/app/src/Element/NoteCreator.css
+++ b/packages/app/src/Element/NoteCreator.css
@@ -7,7 +7,9 @@
     linear-gradient(90deg, #ef9644, #fd7c49, #ff5e58, #ff3b70, #ff088e, #eb00b1, #c31ed5, #7b41f6) border-box;
 }
 
-.note-creator-modal .modal-body {
+.note-creator-modal .modal-body > div {
+  display: flex;
+  flex-direction: column;
   gap: 16px;
 }
 
diff --git a/packages/app/src/Pages/ProfilePage.css b/packages/app/src/Pages/ProfilePage.css
index 9e35ce005..eb4e3c5ef 100644
--- a/packages/app/src/Pages/ProfilePage.css
+++ b/packages/app/src/Pages/ProfilePage.css
@@ -63,10 +63,8 @@
   white-space: pre-wrap;
 }
 
-.details-wrapper > .name > h2 {
-  margin: 0 0 4px 0;
-  font-weight: 600;
-  font-size: 21px;
+.details-wrapper h2 {
+  margin: 0;
 }
 
 .details-wrapper > .name > .nip05 {
diff --git a/packages/app/src/Pages/ProfilePage.tsx b/packages/app/src/Pages/ProfilePage.tsx
index 2fd47668f..990936823 100644
--- a/packages/app/src/Pages/ProfilePage.tsx
+++ b/packages/app/src/Pages/ProfilePage.tsx
@@ -276,8 +276,8 @@ export default function ProfilePage() {
   function username() {
     return (
       <>
-        <div className="name">
-          <h2>
+        <div className="flex-column g4">
+          <h2 className="flex g4">
             {user?.display_name || user?.name || "Nostrich"}
             <FollowsYou followsMe={follows.includes(loginPubKey ?? "")} />
           </h2>