diff --git a/src/i18n/i18n.ts b/src/i18n/i18n.ts
index 884d4e43..cdd414e3 100644
--- a/src/i18n/i18n.ts
+++ b/src/i18n/i18n.ts
@@ -4,12 +4,13 @@ import LanguageDetector from "i18next-browser-languagedetector";
 
 import enTranslation from "../locales/en/translation.json";
 import zhTranslation from "../locales/zh/translation.json";
+import deTranslation from "../locales/de/translation.json";
 
 i18n
   .use(LanguageDetector)
   .use(initReactI18next)
   .init({
-    supportedLngs: ["en", "zh"],
+    supportedLngs: ["en", "zh", "de"],
     fallbackLng: "en",
     debug: false,
 
@@ -28,6 +29,9 @@ i18n
       zh: {
         translation: zhTranslation,
       },
+      de: {
+        translation: deTranslation,
+      },
     },
 
     interpolation: {
diff --git a/src/ui/components/DragIndicator.tsx b/src/ui/Desktop/Homepage/DragIndicator.tsx
similarity index 99%
rename from src/ui/components/DragIndicator.tsx
rename to src/ui/Desktop/Homepage/DragIndicator.tsx
index 51cff434..6aedf278 100644
--- a/src/ui/components/DragIndicator.tsx
+++ b/src/ui/Desktop/Homepage/DragIndicator.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { cn } from "@/lib/utils";
+import { cn } from "@/lib/utils.ts";
 import { useTranslation } from "react-i18next";
 import {
   Download,
diff --git a/src/ui/Desktop/User/LanguageSwitcher.tsx b/src/ui/Desktop/User/LanguageSwitcher.tsx
index e2b2856f..525054ed 100644
--- a/src/ui/Desktop/User/LanguageSwitcher.tsx
+++ b/src/ui/Desktop/User/LanguageSwitcher.tsx
@@ -12,6 +12,7 @@ import { Globe } from "lucide-react";
 const languages = [
   { code: "en", name: "English", nativeName: "English" },
   { code: "zh", name: "Chinese", nativeName: "中文" },
+  { code: "de", name: "German", nativeName: "Deutsch" },
 ];
 
 export function LanguageSwitcher() {