diff --git a/src/locales/en.json b/src/locales/en.json
index 8cca3c4..9c9a303 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -54,5 +54,6 @@
     "settings": "Nebula - Settings",
     "discord": "Nebula - Discord",
     "404": "Nebula - 404"
-  }
+  },
+  "comingsoon": "Coming soon!"
 }
diff --git a/src/locales/es.json b/src/locales/es.json
index 68107f3..06d50f8 100644
--- a/src/locales/es.json
+++ b/src/locales/es.json
@@ -54,5 +54,6 @@
     "settings": "Nebula - Ajustes",
     "discord": "Nebula - Discord",
     "404": "Nebula - 404"
-  }
+  },
+  "comingsoon": "¡Próximamente!"
 }
diff --git a/src/locales/ja.json b/src/locales/ja.json
index 4a19b46..a342b69 100644
--- a/src/locales/ja.json
+++ b/src/locales/ja.json
@@ -54,5 +54,6 @@
     "settings": "ネブラ - セッティング",
     "discord": "ネブラ - Discord",
     "404": "ネブラ - 404"
-  }
+  },
+  "comingsoon": "近日公開"
 }
diff --git a/src/pages/Settings/Customization.tsx b/src/pages/Settings/Customization.tsx
index 3db78aa..758854c 100644
--- a/src/pages/Settings/Customization.tsx
+++ b/src/pages/Settings/Customization.tsx
@@ -1,20 +1,27 @@
 import { motion } from "framer-motion";
 import { tabContentVariant, settingsPageVariant } from "./Variants";
+import { useTranslation } from "react-i18next";
 
-const Customization = ({ id, active }) => (
-  <motion.div
-    role="tabpanel"
-    id={id}
-    className="tab-content"
-    variants={tabContentVariant}
-    animate={active ? "active" : "inactive"}
-    initial="inactive"
-  >
-    <motion.div variants={settingsPageVariant} className="content-card text-center w-full flex flex-col justify-center items-center">
-      <img src="/comingsoonsnake.png" class="h-72 w-72"></img>
-      <h1 class="font-roboto text-3xl">Coming soon!</h1>
+function Customization({ id, active }) {
+  const { t } = useTranslation();
+  return (
+    <motion.div
+      role="tabpanel"
+      id={id}
+      className="tab-content"
+      variants={tabContentVariant}
+      animate={active ? "active" : "inactive"}
+      initial="inactive"
+    >
+      <motion.div
+        variants={settingsPageVariant}
+        className="content-card flex w-full flex-col items-center justify-center text-center"
+      >
+        <img src="/comingsoonsnake.png" class="h-72 w-72"></img>
+        <h1 class="font-roboto text-3xl">{t("comingsoon")}</h1>
+      </motion.div>
     </motion.div>
-  </motion.div>
-);
+  );
+}
 
 export default Customization;