From 31d9c52080ee560b98ecc9af83ff4639ca55fae1 Mon Sep 17 00:00:00 2001
From: Martti Malmi <sirius@iki.fi>
Date: Thu, 7 Dec 2023 23:53:43 +0200
Subject: [PATCH] styles

---
 packages/app/src/Element/Embed/HyperText.tsx  | 2 +-
 packages/app/src/Element/User/DisplayName.tsx | 2 +-
 packages/app/src/Pages/Layout/Header.tsx      | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

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>
       )}