diff --git a/client/src/App.js b/client/src/App.js
index 3b03817..fd444d6 100644
--- a/client/src/App.js
+++ b/client/src/App.js
@@ -135,7 +135,7 @@ function App() {
                 </ProtectedRoute>
               }
             />
-            <Route path="/not-found" Component={NotFound} />
+            <Route path="*" Component={NotFound} />
 
             <Route path="/payment-cancel" Component={PaymentCancel} />
             <Route
diff --git a/client/src/components/css/NotFound.css b/client/src/components/css/NotFound.css
index 352eae0..42b93d9 100644
--- a/client/src/components/css/NotFound.css
+++ b/client/src/components/css/NotFound.css
@@ -3,20 +3,21 @@
     justify-content: center;
     align-items: center;
     height: 100vh;
-    background-color: #f0f0f0;
+    background-color: #333;
+    color: #fff;
     /* Light gray background color */
 }
 
 .not-found-text {
     font-size: 32px;
-    color: #333;
+
     /* Dark gray text color */
     text-align: center;
     padding: 20px;
     border: 2px solid #333;
     /* Dark gray border */
     border-radius: 8px;
-    background-color: #fff;
+    background-color: #444;
     /* White background color for the text */
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
     /* Shadow for the container */