diff --git a/packages/app/src/Element/Embed/HyperText.tsx b/packages/app/src/Element/Embed/HyperText.tsx
index a79afe33..ea7db7ba 100644
--- a/packages/app/src/Element/Embed/HyperText.tsx
+++ b/packages/app/src/Element/Embed/HyperText.tsx
@@ -46,7 +46,7 @@ export default function HyperText({ link, depth, showLinkPreview, children }: Hy
     if (youtubeId) {
       return (
         <iframe
-          className="-mx-4 md:mx-0 w-max"
+          className="-mx-4 md:mx-0 w-max my-2"
           src={`https://www.youtube.com/embed/${youtubeId}`}
           title="YouTube video player"
           key={youtubeId}
diff --git a/packages/app/src/Element/User/DisplayName.tsx b/packages/app/src/Element/User/DisplayName.tsx
index 204611e3..1f52c9cb 100644
--- a/packages/app/src/Element/User/DisplayName.tsx
+++ b/packages/app/src/Element/User/DisplayName.tsx
@@ -7,7 +7,7 @@ import classNames from "classnames";
 
 interface DisplayNameProps {
   pubkey: HexKey;
-  user: UserMetadata | undefined;
+  user?: UserMetadata | undefined;
 }
 
 const DisplayName = ({ pubkey }: DisplayNameProps) => {
diff --git a/packages/app/src/Pages/Layout/Header.tsx b/packages/app/src/Pages/Layout/Header.tsx
index 5b2f46b2..af4e4338 100644
--- a/packages/app/src/Pages/Layout/Header.tsx
+++ b/packages/app/src/Pages/Layout/Header.tsx
@@ -87,7 +87,7 @@ export function Header() {
       {!isRootTab && (
         <div
           onClick={scrollUp}
-          className="cursor-pointer flex-1 text-center p-2 overflow-hidden whitespace-nowrap truncate">
+          className="cursor-pointer flex-1 text-center p-2 overflow-hidden whitespace-nowrap truncate text-lg">
           {title}
         </div>
       )}