diff --git a/Frontend/src/i18n/en.ts b/Frontend/src/i18n/en.ts
index 86130d0..d6c3ef1 100644
--- a/Frontend/src/i18n/en.ts
+++ b/Frontend/src/i18n/en.ts
@@ -25,6 +25,7 @@ export const dict = {
 			noAccount: "Don't Have an Account?",
 			registerLink: "Register",
 			loginBtn: "Login",
+			orContinue: "Or continue with",
 		},
 	},
 };
diff --git a/Frontend/src/i18n/zh.ts b/Frontend/src/i18n/zh.ts
index fae9e67..bea74d1 100644
--- a/Frontend/src/i18n/zh.ts
+++ b/Frontend/src/i18n/zh.ts
@@ -25,6 +25,7 @@ export const dict = {
 			noAccount: "還沒有帳號？",
 			registerLink: "註冊",
 			loginBtn: "登入",
+			orContinue: "或者使用以下方式登入",
 		},
 	},
 };
diff --git a/Frontend/src/routes/auth/login/index.tsx b/Frontend/src/routes/auth/login/index.tsx
index 71de459..0befbf8 100644
--- a/Frontend/src/routes/auth/login/index.tsx
+++ b/Frontend/src/routes/auth/login/index.tsx
@@ -31,7 +31,7 @@ const LoginPage: Component = () => {
 				</form>
 
 				{/* Federated */}
-				<div class={styles.federatedLogin}>
+				<div class={styles.federatedLogin} data-label={t("auth").login.orContinue}>
 					<GoogleBtn class={styles.federatedBtn} />
 					<GoogleBtn class={styles.federatedBtn} />
 					<GoogleBtn class={styles.federatedBtn} />
diff --git a/Frontend/src/routes/auth/login/login.module.scss b/Frontend/src/routes/auth/login/login.module.scss
index a47cf46..8747459 100644
--- a/Frontend/src/routes/auth/login/login.module.scss
+++ b/Frontend/src/routes/auth/login/login.module.scss
@@ -89,7 +89,7 @@
         position: relative;
 
         &::after {
-            content: "or continue with";
+            content: attr(data-label);
             position: absolute;
             top: 0;
             left: 50%;