diff --git a/server.ts b/server.ts
index 8beffb2..22d140f 100644
--- a/server.ts
+++ b/server.ts
@@ -77,6 +77,9 @@ const serverFactory = (handler, opts) => {
 const app = fastify({ logger: true, serverFactory });
 
 app.register(cookieParser);
+await app.register(
+  import("@fastify/compress")
+  );
 
 // Uncomment if you wish to add masqr.
 /* app.addHook("preHandler", async (req, reply) => {
diff --git a/src/index.tsx b/src/index.tsx
index 8e1dee1..07d40bd 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -11,7 +11,8 @@ const theme = localStorage.getItem("theme") || "main";
 export default function App() {
   return (
     <div>
-      <Meta />
+      {window.location.origin === "https://nebulaproxy.io" && <Meta />}
+      {/* {window.location.origin === "http://localhost:8080" && <Meta />} */}
       <Helmet>
         <link rel="stylesheet" href={"/themes/" + theme + ".css"}></link>
         <link rel="stylesheet" href="/themes/main.css"></link>
diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx
index 6dfd8f0..26e6d84 100644
--- a/src/pages/Home.tsx
+++ b/src/pages/Home.tsx
@@ -157,7 +157,7 @@ export function Home() {
                     }
                   >
                     <div
-                      className={`font-roboto w-110 flex h-10 flex-none shrink-0 items-center justify-center border border-input-border-color bg-input p-2 text-xl hover:bg-dropdown-option-hover-color ${
+                      className={`font-roboto w-110 flex h-10 flex-none shrink-0 items-center text-input-text justify-center border border-input-border-color bg-input p-2 text-xl hover:bg-dropdown-option-hover-color ${
                         index === suggestions.length - 1 ? "rounded-b-2xl" : ""
                       }`}
                       key={index}
diff --git a/src/pages/Settings/BareInput.tsx b/src/pages/Settings/BareInput.tsx
index 8d26aac..b3f9b8a 100644
--- a/src/pages/Settings/BareInput.tsx
+++ b/src/pages/Settings/BareInput.tsx
@@ -72,10 +72,10 @@ function BareInput(props: BareInputProps) {
             }
           }}
           id="input"
-          className="font-roboto flex h-14 w-56 flex-row rounded-2xl border border-input-border-color bg-input p-4 text-center text-xl"
+          className="font-roboto flex h-14 w-56 flex-row rounded-2xl border border-input-border-color bg-input p-4 text-center text-xl text-input-text"
         />
         <div
-          className="font-roboto mt-2 flex h-4 w-36 cursor-pointer flex-row items-center justify-center rounded-xl border border-input-border-color bg-input p-5 text-center text-lg"
+          className="font-roboto mt-2 flex h-4 w-36 cursor-pointer flex-row text-input-text items-center justify-center rounded-xl border border-input-border-color bg-input p-5 text-center text-lg"
           onClick={handleChange}
         >
           {t("settings.bare.select")}
diff --git a/src/pages/Settings/ProxyInput.tsx b/src/pages/Settings/ProxyInput.tsx
index 14682f0..6c397d7 100644
--- a/src/pages/Settings/ProxyInput.tsx
+++ b/src/pages/Settings/ProxyInput.tsx
@@ -116,17 +116,17 @@ function ProxyInput(props: BareInputProps) {
             }
           }}
           id="pinput"
-          className="font-roboto flex h-14 w-56 flex-row rounded-2xl border border-input-border-color bg-input p-4 text-center text-sm"
+          className="font-roboto flex h-14 w-56 flex-row rounded-2xl border text-input-text border-input-border-color bg-input p-4 text-center text-sm"
         />
         <div class="flex flex-row gap-4">
           <div
-            className="font-roboto mt-2 flex h-4 w-36 cursor-pointer flex-row items-center justify-center rounded-xl border border-input-border-color bg-input p-5 text-center text-lg"
+            className="font-roboto mt-2 flex h-4 w-36 cursor-pointer flex-row text-input-text items-center justify-center rounded-xl border border-input-border-color bg-input p-5 text-center text-lg"
             onClick={handleChange}
           >
             {t("settings.bare.select")}
           </div>
           <div
-            className="font-roboto mt-2 flex h-4 w-36 cursor-pointer flex-row items-center justify-center rounded-xl border border-input-border-color bg-input p-5 text-center text-lg"
+            className="font-roboto mt-2 flex h-4 w-36 cursor-pointer flex-row items-center text-input-text justify-center rounded-xl border border-input-border-color bg-input p-5 text-center text-lg"
             onClick={resetProxy}
           >
             {t("settings.httpProxy.reset")}