diff --git a/src/App.js b/src/App.js
index e3dbf4b..3d4c81f 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,5 +1,4 @@
 
-
 import SendIcon from './img/paper-plane.png';
 import { useState } from 'react';
 import Message from './misc/Message';
@@ -66,7 +65,7 @@ function App() {
 
   };
   return (
-    <div className="flex w-full h-full justify-center items-center">
+    <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">
 
         <Spinner show={Loading} />