From 14d1a9fb5407a93a7ac36a608fd20ac6eb2a9dad Mon Sep 17 00:00:00 2001
From: rift <117926989+Riftriot@users.noreply.github.com>
Date: Sat, 6 Jan 2024 13:56:32 -0600
Subject: [PATCH] Fix overflow on mobile.

---
 src/components/iframe/IframeHeader.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/iframe/IframeHeader.tsx b/src/components/iframe/IframeHeader.tsx
index 69a3593..b4adab5 100644
--- a/src/components/iframe/IframeHeader.tsx
+++ b/src/components/iframe/IframeHeader.tsx
@@ -102,7 +102,7 @@ export function IframeHeader(props: { url: string }) {
         <div className="w-1/8">
           <div className="flex flex-row items-center">
             <img src={proxiedFavicon} className="h-12 w-12 p-2"></img>
-            <h1 className="font-roboto text-md whitespace-nowrap font-bold text-text-color sm:visible sm:text-lg">
+            <h1 className="font-roboto whitespace-normal text-sm font-bold text-text-color sm:visible sm:text-lg">
               {proxiedTitle ? proxiedTitle : "Loading..."}
             </h1>
           </div>