styles

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}

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) => {

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