diff --git a/src/client/index.css b/src/client/index.css
index 99d94d7..ebbd06f 100644
--- a/src/client/index.css
+++ b/src/client/index.css
@@ -23,6 +23,10 @@ a {
   height: 100%;
 }
 
+.App.dark {
+  @apply bg-gray-900 text-white;
+}
+
 /* Scrollbar */
 ::-webkit-scrollbar {
   width: 8px;
diff --git a/src/client/pages/Status.tsx b/src/client/pages/Status.tsx
index 6d56471..58ba197 100644
--- a/src/client/pages/Status.tsx
+++ b/src/client/pages/Status.tsx
@@ -16,7 +16,7 @@ export const StatusPage: React.FC = React.memo(() => {
   const monitorList = info?.monitorList ?? [];
 
   return (
-    <div className="w-4/5 mx-auto py-8">
+    <div className="w-4/5 mx-auto py-8 ">
       <div className="text-2xl mb-4">{info?.title}</div>
 
       <div className="text-lg mb-2">Services</div>