diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index e917d7d..457eda5 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -24,11 +24,8 @@ export default function RootLayout({
   children: React.ReactNode;
 }>) {
   return (
-    <html lang="en" suppressHydrationWarning>
-      {/* Supress Hydration Warning that caused by some extensions such as Colorzilla, do not remove this. */}
-      <body className={`${poppins.className} antialiased`} suppressHydrationWarning>
-        {children}
-      </body>
+    <html lang="en">
+      <body className={`${poppins.className} antialiased`}>{children}</body>
     </html>
   );
 }
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7768e28..0a9580c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -12,7 +12,7 @@ import { Popover, PopoverContent, PopoverTrigger } from "@/components/popover";
 import { cn, filterLetters } from "@/lib/utils";
 
 export default function Home() {
-  const ORIGIN_URL = process.env.NODE_ENV === "development" ? "http://localhost:3000" : "https://lanyard.cnrad.dev";
+  const ORIGIN_URL = process.env.NODE_ENV === "development" ? "http://localhost:3001" : "https://lanyard.cnrad.dev";
 
   const [userId, setUserId] = useState("");
   const [userError, setUserError] = useState<string | JSX.Element>();
diff --git a/src/utils/renderCard.tsx b/src/utils/renderCard.tsx
index 1f63392..709ef13 100644
--- a/src/utils/renderCard.tsx
+++ b/src/utils/renderCard.tsx
@@ -336,7 +336,7 @@ async function renderCard(body: LanyardTypes.Root, params: Parameters): Promise<
                       }}
                     >
                       <img src={`data:image/png;base64,${clanBadge!}`} alt="Clan Badge" />
-                      <p style={{ marginBottom: "1.1rem" }}>{data.discord_user.clan!.tag}</p>
+                      <p style={{ marginBottom: "1.1rem", whiteSpace: "nowrap" }}>{data.discord_user.clan!.tag}</p>
                     </span>
                   )}
 
