diff --git a/src/App.js b/src/App.js
index 3d4c81f..6b80260 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,4 +1,3 @@
-
 import SendIcon from './img/paper-plane.png';
 import { useState } from 'react';
 import Message from './misc/Message';
@@ -65,8 +64,8 @@ function App() {
 
   };
   return (
-    <div className="flex w-full h-full justify-center items-center dark:bg-gray-700">
-      <div className="relative flex md:h-[550px] h-full md:w-[500px] w-full flex-col justify-center md:rounded-xl bg-gray-50 p-5 text-sm/7 text-gray-800 shadow-sm shadow-orange-500/50 dark:bg-gray-900 dark:text-gray-200">
+    <div className="flex w-full h-full justify-center items-center dark:bg-gray-800">
+      <div className="relative flex md:h-[550px] h-full md:w-[500px] w-full flex-col justify-center md:rounded-xl bg-gray-50 p-5 text-sm/7 text-gray-800 shadow-lg dark:bg-gray-900 dark:text-gray-200">
 
         <Spinner show={Loading} />
         {Stage == 0 &&