From 77394f3980977729fdc568ea4bdedccaf23cb13c Mon Sep 17 00:00:00 2001
From: Michael Thomas <michaelhthomas@outlook.com>
Date: Thu, 26 Mar 2026 10:19:15 -0400
Subject: [PATCH] fix(Login): make error messages look a bit nicer

---
 src/components/Login/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Login/index.tsx b/src/components/Login/index.tsx
index c6a3b8c41..44dfd4f43 100644
--- a/src/components/Login/index.tsx
+++ b/src/components/Login/index.tsx
@@ -175,7 +175,7 @@ const Login = () => {
       </div>
       <div className="relative z-50 mt-8 sm:mx-auto sm:w-full sm:max-w-md">
         <div
-          className="bg-gray-800/50 shadow sm:rounded-lg"
+          className="overflow-hidden bg-gray-800/50 shadow sm:rounded-lg"
           style={{ backdropFilter: 'blur(5px)' }}
         >
           <>
@@ -189,7 +189,7 @@ const Login = () => {
               leaveFrom="opacity-100"
               leaveTo="opacity-0"
             >
-              <div className="mb-4 rounded-md bg-red-600 p-4">
+              <div className="bg-red-600 p-4">
                 <div className="flex">
                   <div className="flex-shrink-0">
                     <XCircleIcon className="h-5 w-5 text-red-300" />