diff --git a/client-solid/src/Components/LoginButton.tsx b/client-solid/src/Components/LoginButton.tsx
index 53dce5d..82fed43 100644
--- a/client-solid/src/Components/LoginButton.tsx
+++ b/client-solid/src/Components/LoginButton.tsx
@@ -35,7 +35,7 @@ export function LoginButton(): JSXElement {
       {showLogoutModal() && (
         <div
           role="alert"
-          class="absolute top-10 z-10 flex rounded-md bg-base-200 border-2 border-warning"
+          class="absolute top-10 z-10 flex rounded-md bg-base-200 border-2 border-info"
         >
           <div class="relative p-5">
             <p>Do you wish to logout?</p>