diff --git a/views/chat.ejs b/views/chat.ejs
index 523c048..5345a0d 100644
--- a/views/chat.ejs
+++ b/views/chat.ejs
@@ -73,63 +73,74 @@
             border-radius: 5px;
         }
 
-/* Ensure transparent background for the alert's parent container */
-#success-alert, #error-alert {
-    background-color: transparent; /* Remove any background color */
-}
+        .alert {
+            margin-top: 10px;
+            text-align: center;
+            /* Center the text content */
+            display: flex;
+            /* Make sure the alert is a flex container */
+            justify-content: center;
+            /* Center flex items horizontally */
+            align-items: center;
+            /* Center flex items vertically (if needed) */
+        }
 
-/* Success Alert - Blue Theme with no extra background */
-.alert-success {
-    background-color: #007bff; /* Blue background for success */
-    color: white;
-    border: none;
-    padding: 10px 20px;
-    border-radius: 5px;
-    text-align: center;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    opacity: 0; /* Start hidden */
-    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
-}
+        body,
+        .container {
+            background-color: transparent;
+        }
 
-/* Error Alert - Maroon Red Theme */
-.alert-danger {
-    background-color: #800000; /* Red background for error */
-    color: white;
-    border: none;
-    padding: 10px 20px;
-    border-radius: 5px;
-    text-align: center;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    opacity: 0; /* Start hidden */
-    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
-}
+        /* Success Alert - Blue Theme */
+        .alert-success {
+            background-color: #007bff;
+            /* Blue background similar to your button */
+            color: white;
+            /* White text */
+            border: none;
+            /* Remove border */
+            padding: 10px 20px;
+            /* Padding for spacing */
+            border-radius: 5px;
+            /* Rounded corners */
+            text-align: center;
+            /* Center text */
+            display: flex;
+            /* Flex layout */
+            justify-content: center;
+            /* Center horizontally */
+            align-items: center;
+            /* Center vertically */
+        }
 
-/* Common alert styles */
-.alert {
-    position: fixed;
-    top: 20px; /* Adjust to your preferred location */
-    left: 50%;
-    transform: translateX(-50%);
-    z-index: 9999; /* Ensure it stays on top */
-}
+        /* Error Alert - Maroon Red Theme */
+        .alert-danger {
+            background-color: #800000;
+            /* Maroon red background */
+            color: white;
+            /* White text */
+            border: none;
+            /* Remove border */
+            padding: 10px 20px;
+            /* Padding for spacing */
+            border-radius: 5px;
+            /* Rounded corners */
+            text-align: center;
+            /* Center text */
+            display: flex;
+            /* Flex layout */
+            justify-content: center;
+            /* Center horizontally */
+            align-items: center;
+            /* Center vertically */
+        }
 
-/* Fade in animation */
-.alert.fade-in {
-    opacity: 1;
-    transform: translateY(0);
-    animation: fadeSlideIn 0.5s forwards;
-}
-
-/* Fade out animation */
-.alert.fade-out {
-    opacity: 0;
-    transform: translateY(-20px);
-    animation: fadeSlideOut 0.5s forwards;
-}
+        /* Common alert styles */
+        .alert {
+            margin-top: 10px;
+            /* Add margin at the top */
+            font-size: 14px;
+            /* Adjust the font size for readability */
+        }
 
         .message.user {
             background-color: #3a3a3a;