From 462897de3294674f5d42179a36915659bc5643f4 Mon Sep 17 00:00:00 2001
From: Dorian Niemiec <dorian.niemiec@svrjs.org>
Date: Wed, 6 Nov 2024 16:10:57 +0100
Subject: [PATCH] fix: fix the broken background for the "MERNMail" name in the
 header in the hero section

---
 components/Hero.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/Hero.jsx b/components/Hero.jsx
index 55d291b..af8b4b2 100644
--- a/components/Hero.jsx
+++ b/components/Hero.jsx
@@ -8,7 +8,7 @@ function Hero() {
         <h1 className="font-bold text-5xl md:text-6xl hyphens-auto leading-tight md:leading-tight md:text-start">
           Revolution&shy;ize your <span className="text-primary">inbox</span>{" "}
           with{" "}
-          <span className="relative">
+          <span className="relative whitespace-nowrap">
             <span className="absolute top-0 -left-1 -right-1 bottom-0 -rotate-1 bg-primary"></span>
             <span className="relative text-primary-foreground">MERNMail</span>
           </span>