diff --git a/packages/constants/src/workspace.ts b/packages/constants/src/workspace.ts
index 8fd77cb572b..3bbb5b1f31f 100644
--- a/packages/constants/src/workspace.ts
+++ b/packages/constants/src/workspace.ts
@@ -121,7 +121,7 @@ export const WORKSPACE_SETTINGS = {
   },
   "api-tokens": {
     key: "api-tokens",
-    i18n_label: "workspace_settings.settings.webhooks.title",
+    i18n_label: "workspace_settings.settings.api_tokens.title",
     href: `/settings/api-tokens`,
     access: [EUserWorkspaceRoles.ADMIN],
     highlight: (pathname: string, baseUrl: string) =>
diff --git a/packages/i18n/src/locales/en/translations.json b/packages/i18n/src/locales/en/translations.json
index cab40f4fec0..6fc3f296aae 100644
--- a/packages/i18n/src/locales/en/translations.json
+++ b/packages/i18n/src/locales/en/translations.json
@@ -352,6 +352,17 @@
   "no_labels_yet": "No labels yet",
   "ideal": "Ideal",
   "current": "Current",
+  "no_matching_members": "No matching members",
+  "leaving": "Leaving",
+  "removing": "Removing",
+  "leave": "Leave",
+  "refreshing": "Refreshing",
+  "refresh_status": "Refresh status",
+  "prev": "Prev",
+  "next": "Next",
+  "re_generating": "Re-generating",
+  "re_generate": "Re-generate",
+  "re_generate_key": "Re-generate key",
 
   "project_view": {
     "sort_by": {
@@ -895,24 +906,124 @@
 
   "workspace_settings": {
     "label": "Workspace settings",
+    "key_created": "Key created",
+    "copy_key": "Copy and save this secret key in Plane Pages. You can't see this key after you hit Close. A CSV file containing the key has been downloaded.",
+    "token_copied": "Token copied to clipboard.",
     "settings": {
       "general": {
-        "title": "General"
+        "title": "General",
+        "upload_logo": "Upload logo",
+        "edit_logo": "Edit logo",
+        "name": "Workspace name",
+        "company_size": "Company size",
+        "url": "Workspace URL",
+        "update_workspace"  : "Update workspace",
+        "delete_workspace"  : "Delete workspace",
+        "delete_workspace_description"  : "When deleting a workspace, all of the data and resources within that workspace will be permanently removed and cannot be recovered.",
+        "delete_btn": "Delete my workspace",
+        "errors": {
+          "name": {
+            "required": "Name is required",
+            "max_length": "Workspace name should not exceed 80 characters"
+          },
+          "company_size": {
+            "required": "Company size is required"
+          }
+        }
       },
       "members": {
-        "title": "Members"
+        "title": "Members",
+        "add_member": "Add member",
+        "invitations_sent_successfully": "Invitations sent successfully",
+        "leave_confirmation": "Are you sure you want to leave the workspace? You will no longer have access to this workspace. This action cannot be undone.",
+        "details":{
+          "full_name":"Full name",
+          "display_name":"Display name",
+          "email_address":"Email address",
+          "account_type":"Account type",
+          "authentication":"Authentication",
+          "joining_date":"Joining date"
+        }
       },
-      "billing-and-plans": {
-        "title": "Billing & Plans"
+      "billing_and_plans": {
+        "title": "Billing & Plans",
+        "current_plan":"Current plan",
+        "free_plan":"You are currently using the free plan",
+        "view_plans":"View plans"
       },
       "exports": {
-        "title": "Exports"
+        "title": "Exports",
+        "exporting": "Exporting",
+        "previous_exports": "Previous exports",
+        "export_separate_files" : "Export the data into separate files",
+        "modal": {
+          "title": "Export to",
+          "toasts": {
+            "success": {
+              "title": "Export successful",
+              "message": "You will be able to download the exported {entity} from the previous export."
+            },
+            "error": {
+              "title": "Export failed",
+              "message": "Export was unsuccessful. Please try again."
+            }
+          }
+        }
       },
       "webhooks": {
-        "title": "Webhooks"
+        "title": "Webhooks",
+        "add_webhook": "Add webhook",
+        "modal": {
+          "title": "Create webhook",
+          "details": "Webhook details",
+          "payload": "Payload URL",
+          "question": "Which events would you like to trigger this webhook?" ,
+          "error": "URL is required"
+        },
+        "secret_key": {
+          "title": "Secret key",
+          "message": "Generate a token to sign-in to the webhook payload"
+        },
+        "toasts": {
+          "created": {
+            "title": "Webhook created",
+            "message": "The webhook has been successfully created"
+          },
+          "not_created": {
+            "title": "Webhook not created",
+            "message": "The webhook could not be created"
+          },
+          "updated": {
+            "title": "Webhook updated",
+            "message": "The webhook has been successfully updated"
+          },
+          "not_updated": {
+            "title": "Webhook not updated",
+            "message": "The webhook could not be updated"
+          },
+          "removed": {
+            "title": "Webhook removed",
+            "message": "The webhook has been successfully removed"
+          },
+          "not_removed": {
+            "title": "Webhook not removed",
+            "message": "The webhook could not be removed"
+          },
+          "secret_key_copied": {
+            "message": "Secret key copied to clipboard."
+          },
+          "secret_key_not_copied": {
+            "message": "Error occurred while copying secret key."
+          }
+        }
       },
-      "api-tokens": {
-        "title": "API Tokens"
+      "api_tokens": {
+        "title": "API Tokens",
+        "add_token": "Add API token",
+        "create_token": "Create token",
+        "never_expires": "Never expires",
+        "generate_token": "Generate token",
+        "generating": "Generating"
       }
     },
     "empty_state": {
diff --git a/web/app/[workspaceSlug]/(projects)/settings/api-tokens/page.tsx b/web/app/[workspaceSlug]/(projects)/settings/api-tokens/page.tsx
index 03bb1fa6cbe..6c46a1d812a 100644
--- a/web/app/[workspaceSlug]/(projects)/settings/api-tokens/page.tsx
+++ b/web/app/[workspaceSlug]/(projects)/settings/api-tokens/page.tsx
@@ -43,7 +43,9 @@ const ApiTokensPage = observer(() => {
       workspaceSlug && canPerformWorkspaceAdminActions ? apiTokenService.getApiTokens(workspaceSlug.toString()) : null
   );
 
-  const pageTitle = currentWorkspace?.name ? `${currentWorkspace.name} - API Tokens` : undefined;
+  const pageTitle = currentWorkspace?.name
+    ? `${currentWorkspace.name} - ${t("workspace_settings.settings.api_tokens.title")}`
+    : undefined;
 
   if (workspaceUserInfo && !canPerformWorkspaceAdminActions) {
     return <NotAuthorizedView section="settings" />;
@@ -61,9 +63,9 @@ const ApiTokensPage = observer(() => {
         {tokens.length > 0 ? (
           <>
             <div className="flex items-center justify-between border-b border-custom-border-200 pb-3.5">
-              <h3 className="text-xl font-medium">API tokens</h3>
+              <h3 className="text-xl font-medium">{t("workspace_settings.settings.api_tokens.title")}</h3>
               <Button variant="primary" onClick={() => setIsCreateTokenModalOpen(true)}>
-                Add API token
+                {t("workspace_settings.settings.api_tokens.add_token")}
               </Button>
             </div>
             <div>
@@ -75,9 +77,9 @@ const ApiTokensPage = observer(() => {
         ) : (
           <div className="flex h-full w-full flex-col">
             <div className="flex items-center justify-between gap-4 border-b border-custom-border-200 pb-3.5">
-              <h3 className="text-xl font-medium">API tokens</h3>
+              <h3 className="text-xl font-medium">{t("workspace_settings.settings.api_tokens.title")}</h3>
               <Button variant="primary" onClick={() => setIsCreateTokenModalOpen(true)}>
-                Add API token
+                {t("workspace_settings.settings.api_tokens.add_token")}
               </Button>
             </div>
             <div className="h-full w-full flex items-center justify-center">
diff --git a/web/app/[workspaceSlug]/(projects)/settings/exports/page.tsx b/web/app/[workspaceSlug]/(projects)/settings/exports/page.tsx
index dc3f3aafce7..0c6c26b377f 100644
--- a/web/app/[workspaceSlug]/(projects)/settings/exports/page.tsx
+++ b/web/app/[workspaceSlug]/(projects)/settings/exports/page.tsx
@@ -2,6 +2,7 @@
 
 import { observer } from "mobx-react";
 // components
+import { useTranslation } from "@plane/i18n";
 import { NotAuthorizedView } from "@/components/auth-screens";
 import { PageHead } from "@/components/core";
 import ExportGuide from "@/components/exporter/guide";
@@ -15,13 +16,16 @@ const ExportsPage = observer(() => {
   // store hooks
   const { workspaceUserInfo, allowPermissions } = useUserPermissions();
   const { currentWorkspace } = useWorkspace();
+  const { t } = useTranslation();
 
   // derived values
   const canPerformWorkspaceMemberActions = allowPermissions(
     [EUserPermissions.ADMIN, EUserPermissions.MEMBER],
     EUserPermissionsLevel.WORKSPACE
   );
-  const pageTitle = currentWorkspace?.name ? `${currentWorkspace.name} - Exports` : undefined;
+  const pageTitle = currentWorkspace?.name
+    ? `${currentWorkspace.name} - ${t("workspace_settings.settings.exports.title")}`
+    : undefined;
 
   // if user is not authorized to view this page
   if (workspaceUserInfo && !canPerformWorkspaceMemberActions) {
@@ -37,7 +41,7 @@ const ExportsPage = observer(() => {
         })}
       >
         <div className="flex items-center border-b border-custom-border-100 pb-3.5">
-          <h3 className="text-xl font-medium">Exports</h3>
+          <h3 className="text-xl font-medium">{t("workspace_settings.settings.exports.title")}</h3>
         </div>
         <ExportGuide />
       </div>
diff --git a/web/app/[workspaceSlug]/(projects)/settings/members/page.tsx b/web/app/[workspaceSlug]/(projects)/settings/members/page.tsx
index 2b869612773..861548d23c7 100644
--- a/web/app/[workspaceSlug]/(projects)/settings/members/page.tsx
+++ b/web/app/[workspaceSlug]/(projects)/settings/members/page.tsx
@@ -6,6 +6,7 @@ import { useParams } from "next/navigation";
 import { Search } from "lucide-react";
 // types
 import { MEMBER_INVITED } from "@plane/constants";
+import { useTranslation } from "@plane/i18n";
 import { IWorkspaceBulkInviteFormData } from "@plane/types";
 // ui
 import { Button, TOAST_TYPE, setToast } from "@plane/ui";
@@ -34,6 +35,7 @@ const WorkspaceMembersSettingsPage = observer(() => {
     workspace: { inviteMembersToWorkspace },
   } = useMember();
   const { currentWorkspace } = useWorkspace();
+  const { t } = useTranslation();
 
   // derived values
   const canPerformWorkspaceAdminActions = allowPermissions([EUserPermissions.ADMIN], EUserPermissionsLevel.WORKSPACE);
@@ -62,7 +64,7 @@ const WorkspaceMembersSettingsPage = observer(() => {
         setToast({
           type: TOAST_TYPE.SUCCESS,
           title: "Success!",
-          message: "Invitations sent successfully.",
+          message: t("workspace_settings.settings.members.invitations_sent_successfully"),
         });
       })
       .catch((err) => {
@@ -80,7 +82,7 @@ const WorkspaceMembersSettingsPage = observer(() => {
         setToast({
           type: TOAST_TYPE.ERROR,
           title: "Error!",
-          message: `${err.error ?? "Something went wrong. Please try again."}`,
+          message: `${err.error ?? t("something_went_wrong_please_try_again")}`,
         });
       });
   };
@@ -107,12 +109,12 @@ const WorkspaceMembersSettingsPage = observer(() => {
         })}
       >
         <div className="flex justify-between gap-4 pb-3.5 items-start	">
-          <h4 className="text-xl font-medium">Members</h4>
+          <h4 className="text-xl font-medium">{t("workspace_settings.settings.members.title")}</h4>
           <div className="ml-auto flex items-center gap-1.5 rounded-md border border-custom-border-200 bg-custom-background-100 px-2.5 py-1.5">
             <Search className="h-3.5 w-3.5 text-custom-text-400" />
             <input
               className="w-full max-w-[234px] border-none bg-transparent text-sm outline-none placeholder:text-custom-text-400"
-              placeholder="Search..."
+              placeholder={`${t("search")}...`}
               value={searchQuery}
               autoFocus
               onChange={(e) => setSearchQuery(e.target.value)}
@@ -120,7 +122,7 @@ const WorkspaceMembersSettingsPage = observer(() => {
           </div>
           {canPerformWorkspaceAdminActions && (
             <Button variant="primary" size="sm" onClick={() => setInviteModal(true)}>
-              Add member
+              {t("workspace_settings.settings.members.add_member")}
             </Button>
           )}
         </div>
diff --git a/web/app/[workspaceSlug]/(projects)/settings/sidebar.tsx b/web/app/[workspaceSlug]/(projects)/settings/sidebar.tsx
index 8dfe7437938..c071622e601 100644
--- a/web/app/[workspaceSlug]/(projects)/settings/sidebar.tsx
+++ b/web/app/[workspaceSlug]/(projects)/settings/sidebar.tsx
@@ -26,7 +26,7 @@ export const WorkspaceSettingsSidebar = observer(() => {
   return (
     <div className="flex w-[280px] flex-col gap-6">
       <div className="flex flex-col gap-2">
-        <span className="text-xs font-semibold text-custom-sidebar-text-400">SETTINGS</span>
+        <span className="text-xs font-semibold text-custom-sidebar-text-400 uppercase">{t("settings")}</span>
         <div className="flex w-full flex-col gap-1">
           {WORKSPACE_SETTINGS_LINKS.map(
             (link) =>
diff --git a/web/app/[workspaceSlug]/(projects)/settings/webhooks/page.tsx b/web/app/[workspaceSlug]/(projects)/settings/webhooks/page.tsx
index 412c29f5dd2..0b300928c5c 100644
--- a/web/app/[workspaceSlug]/(projects)/settings/webhooks/page.tsx
+++ b/web/app/[workspaceSlug]/(projects)/settings/webhooks/page.tsx
@@ -38,7 +38,9 @@ const WebhooksListPage = observer(() => {
     workspaceSlug && canPerformWorkspaceAdminActions ? () => fetchWebhooks(workspaceSlug.toString()) : null
   );
 
-  const pageTitle = currentWorkspace?.name ? `${currentWorkspace.name} - Webhooks` : undefined;
+  const pageTitle = currentWorkspace?.name
+    ? `${currentWorkspace.name} - ${t("workspace_settings.settings.webhooks.title")}`
+    : undefined;
 
   // clear secret key when modal is closed.
   useEffect(() => {
@@ -67,9 +69,9 @@ const WebhooksListPage = observer(() => {
         {Object.keys(webhooks).length > 0 ? (
           <div className="flex h-full w-full flex-col">
             <div className="flex items-center justify-between gap-4 border-b border-custom-border-200 pb-3.5">
-              <div className="text-xl font-medium">Webhooks</div>
+              <div className="text-xl font-medium">{t("workspace_settings.settings.webhooks.title")}</div>
               <Button variant="primary" size="sm" onClick={() => setShowCreateWebhookModal(true)}>
-                Add webhook
+                {t("workspace_settings.settings.webhooks.add_webhook")}
               </Button>
             </div>
             <WebhooksList />
@@ -77,9 +79,9 @@ const WebhooksListPage = observer(() => {
         ) : (
           <div className="flex h-full w-full flex-col">
             <div className="flex items-center justify-between gap-4 border-b border-custom-border-200 pb-3.5">
-              <div className="text-xl font-medium">Webhooks</div>
+              <div className="text-xl font-medium">{t("workspace_settings.settings.webhooks.title")}</div>
               <Button variant="primary" size="sm" onClick={() => setShowCreateWebhookModal(true)}>
-                Add webhook
+                {t("workspace_settings.settings.webhooks.add_webhook")}
               </Button>
             </div>
             <div className="h-full w-full flex items-center justify-center">
diff --git a/web/ce/components/workspace/billing/root.tsx b/web/ce/components/workspace/billing/root.tsx
index 4acba0af06d..e9c6bd8f7c0 100644
--- a/web/ce/components/workspace/billing/root.tsx
+++ b/web/ce/components/workspace/billing/root.tsx
@@ -1,21 +1,27 @@
 import { MARKETING_PRICING_PAGE_LINK } from "@plane/constants";
+import { useTranslation } from "@plane/i18n";
 import { Button } from "@plane/ui";
 
-export const BillingRoot = () => (
-  <section className="w-full overflow-y-auto">
-    <div>
-      <div className="flex  items-center border-b border-custom-border-100 pb-3.5">
-        <h3 className="text-xl font-medium">Billing and Plans</h3>
-      </div>
-    </div>
-    <div className="py-6">
+export const BillingRoot = () => {
+  const { t } = useTranslation();
+  return (
+    <section className="w-full overflow-y-auto">
       <div>
-        <h4 className="text-md mb-1 leading-6">Current plan</h4>
-        <p className="mb-3 text-sm text-custom-text-200">You are currently using the free plan</p>
-        <a href={MARKETING_PRICING_PAGE_LINK} target="_blank" rel="noreferrer">
-          <Button variant="neutral-primary">View plans</Button>
-        </a>
+        <div className="flex  items-center border-b border-custom-border-100 pb-3.5">
+          <h3 className="text-xl font-medium">{t("workspace_settings.settings.billing_and_plans.title")}</h3>
+        </div>
+      </div>
+      <div className="py-6">
+        <div>
+          <h4 className="text-md mb-1 leading-6">{t("workspace_settings.settings.billing_and_plans.current_plan")}</h4>
+          <p className="mb-3 text-sm text-custom-text-200">
+            {t("workspace_settings.settings.billing_and_plans.free_plan")}
+          </p>
+          <a href={MARKETING_PRICING_PAGE_LINK} target="_blank" rel="noreferrer">
+            <Button variant="neutral-primary">{t("workspace_settings.settings.billing_and_plans.view_plans")}</Button>
+          </a>
+        </div>
       </div>
-    </div>
-  </section>
-);
+    </section>
+  );
+};
diff --git a/web/ce/components/workspace/delete-workspace-section.tsx b/web/ce/components/workspace/delete-workspace-section.tsx
index 93836284f8f..81fc754593f 100644
--- a/web/ce/components/workspace/delete-workspace-section.tsx
+++ b/web/ce/components/workspace/delete-workspace-section.tsx
@@ -2,6 +2,7 @@ import { FC, useState } from "react";
 import { observer } from "mobx-react";
 import { ChevronDown, ChevronUp } from "lucide-react";
 // types
+import { useTranslation } from "@plane/i18n";
 import { IWorkspace } from "@plane/types";
 // ui
 import { Button, Collapsible } from "@plane/ui";
@@ -17,6 +18,7 @@ export const DeleteWorkspaceSection: FC<TDeleteWorkspace> = observer((props) =>
   // states
   const [isOpen, setIsOpen] = useState(false);
   const [deleteWorkspaceModal, setDeleteWorkspaceModal] = useState(false);
+  const { t } = useTranslation();
 
   return (
     <>
@@ -34,19 +36,20 @@ export const DeleteWorkspaceSection: FC<TDeleteWorkspace> = observer((props) =>
             buttonClassName="flex w-full items-center justify-between py-4"
             title={
               <>
-                <span className="text-lg tracking-tight">Delete workspace</span>
+                <span className="text-lg tracking-tight">
+                  {t("workspace_settings.settings.general.delete_workspace")}
+                </span>
                 {isOpen ? <ChevronUp className="h-5 w-5" /> : <ChevronDown className="h-5 w-5" />}
               </>
             }
           >
             <div className="flex flex-col gap-4">
               <span className="text-base tracking-tight">
-                When deleting a workspace, all of the data and resources within that workspace will be permanently
-                removed and cannot be recovered.
+                {t("workspace_settings.settings.general.delete_workspace_description")}
               </span>
               <div>
                 <Button variant="danger" onClick={() => setDeleteWorkspaceModal(true)}>
-                  Delete my workspace
+                  {t("workspace_settings.settings.general.delete_btn")}
                 </Button>
               </div>
             </div>
diff --git a/web/ce/components/workspace/settings/useMemberColumns.tsx b/web/ce/components/workspace/settings/useMemberColumns.tsx
index 64c92cf52ab..f58a1ea9297 100644
--- a/web/ce/components/workspace/settings/useMemberColumns.tsx
+++ b/web/ce/components/workspace/settings/useMemberColumns.tsx
@@ -1,5 +1,6 @@
 import { useState } from "react";
 import { useParams } from "next/navigation";
+import { useTranslation } from "@plane/i18n";
 import { AccountTypeColumn, NameColumn, RowData } from "@/components/workspace/settings/member-columns";
 import { useUser, useUserPermissions } from "@/hooks/store";
 import { EUserPermissions, EUserPermissionsLevel } from "@/plane-web/constants/user-permissions";
@@ -12,6 +13,7 @@ export const useMemberColumns = () => {
 
   const { data: currentUser } = useUser();
   const { allowPermissions } = useUserPermissions();
+  const { t } = useTranslation();
 
   const getFormattedDate = (dateStr: string) => {
     const date = new Date(dateStr);
@@ -26,7 +28,7 @@ export const useMemberColumns = () => {
   const columns = [
     {
       key: "Full name",
-      content: "Full name",
+      content: t("workspace_settings.settings.members.details.full_name"),
       thClassName: "text-left",
       tdRender: (rowData: RowData) => (
         <NameColumn
@@ -41,25 +43,25 @@ export const useMemberColumns = () => {
 
     {
       key: "Display name",
-      content: "Display name",
+      content: t("workspace_settings.settings.members.details.display_name"),
       tdRender: (rowData: RowData) => <div className="w-32">{rowData.member.display_name}</div>,
     },
 
     {
       key: "Email address",
-      content: "Email address",
+      content: t("workspace_settings.settings.members.details.email_address"),
       tdRender: (rowData: RowData) => <div className="w-48 truncate">{rowData.member.email}</div>,
     },
 
     {
       key: "Account type",
-      content: "Account type",
+      content: t("workspace_settings.settings.members.details.account_type"),
       tdRender: (rowData: RowData) => <AccountTypeColumn rowData={rowData} workspaceSlug={workspaceSlug as string} />,
     },
 
     {
       key: "Authentication",
-      content: "Authentication",
+      content: t("workspace_settings.settings.members.details.authentication"),
       tdRender: (rowData: RowData) => (
         <div className="capitalize">{rowData.member.last_login_medium?.replace("-", " ")}</div>
       ),
@@ -67,7 +69,7 @@ export const useMemberColumns = () => {
 
     {
       key: "Joining date",
-      content: "Joining date",
+      content: t("workspace_settings.settings.members.details.joining_date"),
       tdRender: (rowData: RowData) => <div>{getFormattedDate(rowData?.member?.joining_date || "")}</div>,
     },
   ];
diff --git a/web/core/components/api-token/modal/form.tsx b/web/core/components/api-token/modal/form.tsx
index 18ade7f2af7..17e14ae563c 100644
--- a/web/core/components/api-token/modal/form.tsx
+++ b/web/core/components/api-token/modal/form.tsx
@@ -5,6 +5,7 @@ import { add } from "date-fns";
 import { Controller, useForm } from "react-hook-form";
 import { Calendar } from "lucide-react";
 // types
+import { useTranslation } from "@plane/i18n";
 import { IApiToken } from "@plane/types";
 // ui
 import { Button, CustomSelect, Input, TextArea, ToggleSwitch, TOAST_TYPE, setToast } from "@plane/ui";
@@ -76,6 +77,8 @@ export const CreateApiTokenForm: React.FC<Props> = (props) => {
     reset,
     watch,
   } = useForm<IApiToken>({ defaultValues });
+  // hooks
+  const { t } = useTranslation();
 
   const handleFormSubmit = async (data: IApiToken) => {
     // if never expires is toggled off, and the user has not selected a custom date or a predefined date, show an error
@@ -115,19 +118,21 @@ export const CreateApiTokenForm: React.FC<Props> = (props) => {
   return (
     <form onSubmit={handleSubmit(handleFormSubmit)}>
       <div className="space-y-5 p-5">
-        <h3 className="text-xl font-medium text-custom-text-200">Create token</h3>
+        <h3 className="text-xl font-medium text-custom-text-200">
+          {t("workspace_settings.settings.api_tokens.create_token")}
+        </h3>
         <div className="space-y-3">
           <div className="space-y-1">
             <Controller
               control={control}
               name="label"
               rules={{
-                required: "Title is required",
+                required: t("title_is_required"),
                 maxLength: {
                   value: 255,
-                  message: "Title should be less than 255 characters",
+                  message: t("title_should_be_less_than_255_characters"),
                 },
-                validate: (val) => val.trim() !== "" || "Title is required",
+                validate: (val) => val.trim() !== "" || t("title_is_required"),
               }}
               render={({ field: { value, onChange } }) => (
                 <Input
@@ -135,7 +140,7 @@ export const CreateApiTokenForm: React.FC<Props> = (props) => {
                   value={value}
                   onChange={onChange}
                   hasError={Boolean(errors.label)}
-                  placeholder="Title"
+                  placeholder={t("title")}
                   className="w-full text-base"
                 />
               )}
@@ -150,7 +155,7 @@ export const CreateApiTokenForm: React.FC<Props> = (props) => {
                 value={value}
                 onChange={onChange}
                 hasError={Boolean(errors.description)}
-                placeholder="Description"
+                placeholder={t("description")}
                 className="w-full text-base resize-none min-h-24"
               />
             )}
@@ -229,14 +234,16 @@ export const CreateApiTokenForm: React.FC<Props> = (props) => {
           <div className="flex cursor-pointer items-center justify-center">
             <ToggleSwitch value={neverExpires} onChange={() => {}} size="sm" />
           </div>
-          <span className="text-xs">Never expires</span>
+          <span className="text-xs">{t("workspace_settings.settings.api_tokens.never_expires")}</span>
         </div>
         <div className="flex items-center gap-2">
           <Button variant="neutral-primary" size="sm" onClick={handleClose}>
-            Cancel
+            {t("cancel")}
           </Button>
           <Button variant="primary" size="sm" type="submit" loading={isSubmitting}>
-            {isSubmitting ? "Generating" : "Generate token"}
+            {isSubmitting
+              ? t("workspace_settings.settings.api_tokens.generating")
+              : t("workspace_settings.settings.api_tokens.generate_token")}
           </Button>
         </div>
       </div>
diff --git a/web/core/components/api-token/modal/generated-token-details.tsx b/web/core/components/api-token/modal/generated-token-details.tsx
index 8f0a62c3ac8..da833cefb3e 100644
--- a/web/core/components/api-token/modal/generated-token-details.tsx
+++ b/web/core/components/api-token/modal/generated-token-details.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import { Copy } from "lucide-react";
+import { useTranslation } from "@plane/i18n";
 import { IApiToken } from "@plane/types";
 // ui
 import { Button, Tooltip, TOAST_TYPE, setToast } from "@plane/ui";
@@ -19,12 +20,13 @@ type Props = {
 export const GeneratedTokenDetails: React.FC<Props> = (props) => {
   const { handleClose, tokenDetails } = props;
   const { isMobile } = usePlatformOS();
+  const { t } = useTranslation();
   const copyApiToken = (token: string) => {
     copyTextToClipboard(token).then(() =>
       setToast({
         type: TOAST_TYPE.SUCCESS,
-        title: "Success!",
-        message: "Token copied to clipboard.",
+        title: `${t("success")}!`,
+        message: t("workspace_setting.token_copied"),
       })
     );
   };
@@ -32,11 +34,8 @@ export const GeneratedTokenDetails: React.FC<Props> = (props) => {
   return (
     <div className="w-full p-5">
       <div className="w-full space-y-3 text-wrap">
-        <h3 className="text-lg font-medium leading-6 text-custom-text-100">Key created</h3>
-        <p className="text-sm text-custom-text-400">
-          Copy and save this secret key in Plane Pages. You can{"'"}t see this key after you hit Close. A CSV file
-          containing the key has been downloaded.
-        </p>
+        <h3 className="text-lg font-medium leading-6 text-custom-text-100">{t("workspace_settings.key_created")}</h3>
+        <p className="text-sm text-custom-text-400">{t("workspace_settings.copy_key")}</p>
       </div>
       <button
         type="button"
@@ -53,7 +52,7 @@ export const GeneratedTokenDetails: React.FC<Props> = (props) => {
           {tokenDetails.expired_at ? `Expires ${renderFormattedDate(tokenDetails.expired_at)}` : "Never expires"}
         </p>
         <Button variant="neutral-primary" size="sm" onClick={handleClose}>
-          Close
+          {t("close")}
         </Button>
       </div>
     </div>
diff --git a/web/core/components/exporter/export-modal.tsx b/web/core/components/exporter/export-modal.tsx
index 0c3d6cf0ba5..b54ea7d8cfe 100644
--- a/web/core/components/exporter/export-modal.tsx
+++ b/web/core/components/exporter/export-modal.tsx
@@ -6,6 +6,7 @@ import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 import { Dialog, Transition } from "@headlessui/react";
 // types
+import { useTranslation } from "@plane/i18n";
 import { IUser, IImporterService } from "@plane/types";
 // ui
 import { Button, CustomSearchSelect, TOAST_TYPE, setToast } from "@plane/ui";
@@ -36,6 +37,7 @@ export const Exporter: React.FC<Props> = observer((props) => {
   // store hooks
   const { workspaceProjectIds, getProjectById } = useProject();
   const { projectsWithCreatePermissions } = useUser();
+  const { t } = useTranslation();
 
   const wsProjectIdsWithCreatePermisisons = projectsWithCreatePermissions
     ? intersection(workspaceProjectIds, Object.keys(projectsWithCreatePermissions))
@@ -77,18 +79,18 @@ export const Exporter: React.FC<Props> = observer((props) => {
           setExportLoading(false);
           setToast({
             type: TOAST_TYPE.SUCCESS,
-            title: "Export Successful",
-            message: `You will be able to download the exported ${
-              provider === "csv" ? "CSV" : provider === "xlsx" ? "Excel" : provider === "json" ? "JSON" : ""
-            } from the previous export.`,
+            title: t("workspace_settings.settings.exports.modal.success.title"),
+            message: t("workspace_settings.settings.exports.modal.success.message", {
+              entity: provider === "csv" ? "CSV" : provider === "xlsx" ? "Excel" : provider === "json" ? "JSON" : "",
+            }),
           });
         })
         .catch(() => {
           setExportLoading(false);
           setToast({
             type: TOAST_TYPE.ERROR,
-            title: "Error!",
-            message: "Export was unsuccessful. Please try again.",
+            title: t("error"),
+            message: t("workspace_settings.settings.exports.modal.error.message"),
           });
         });
     }
@@ -131,7 +133,7 @@ export const Exporter: React.FC<Props> = observer((props) => {
                   <div className="flex w-full items-center justify-start gap-6">
                     <span className="flex items-center justify-start">
                       <h3 className="text-xl font-medium 2xl:text-2xl">
-                        Export to{" "}
+                        {t("workspace_settings.settings.exports.modal.title")}{" "}
                         {provider === "csv" ? "CSV" : provider === "xlsx" ? "Excel" : provider === "json" ? "JSON" : ""}
                       </h3>
                     </span>
@@ -165,11 +167,13 @@ export const Exporter: React.FC<Props> = observer((props) => {
                     className="flex max-w-min cursor-pointer items-center gap-2"
                   >
                     <input type="checkbox" checked={multiple} onChange={() => setMultiple(!multiple)} />
-                    <div className="whitespace-nowrap text-sm">Export the data into separate files</div>
+                    <div className="whitespace-nowrap text-sm">
+                      {t("workspace_settings.settings.exports.export_separate_files")}
+                    </div>
                   </div>
                   <div className="flex justify-end gap-2">
                     <Button variant="neutral-primary" size="sm" onClick={handleClose}>
-                      Cancel
+                      {t("cancel")}
                     </Button>
                     <Button
                       variant="primary"
@@ -178,7 +182,9 @@ export const Exporter: React.FC<Props> = observer((props) => {
                       disabled={exportLoading}
                       loading={exportLoading}
                     >
-                      {exportLoading ? "Exporting..." : "Export"}
+                      {exportLoading
+                        ? `${t("workspace_settings.settings.exports.exporting")}...`
+                        : t("workspace_settings.settings.exports.title")}
                     </Button>
                   </div>
                 </div>
diff --git a/web/core/components/exporter/guide.tsx b/web/core/components/exporter/guide.tsx
index 828afab0c1c..7e53cf93c1e 100644
--- a/web/core/components/exporter/guide.tsx
+++ b/web/core/components/exporter/guide.tsx
@@ -140,7 +140,9 @@ const IntegrationGuide = observer(() => {
           <div>
             <div className="flex items-center justify-between border-b border-custom-border-100 pb-3.5 pt-7">
               <div className="flex items-center gap-2">
-                <h3 className="flex gap-2 text-xl font-medium">Previous exports</h3>
+                <h3 className="flex gap-2 text-xl font-medium">
+                  {t("workspace_settings.settings.exports.previous_exports")}
+                </h3>
 
                 <button
                   type="button"
@@ -148,7 +150,7 @@ const IntegrationGuide = observer(() => {
                   onClick={handleRefresh}
                 >
                   <RefreshCw className={`h-3 w-3 ${refreshing ? "animate-spin" : ""}`} />{" "}
-                  {refreshing ? "Refreshing..." : "Refresh status"}
+                  {refreshing ? `${t("refreshing")}...` : t("refresh_status")}
                 </button>
               </div>
               <div className="flex items-center gap-2 text-xs">
@@ -162,7 +164,7 @@ const IntegrationGuide = observer(() => {
                   }`}
                 >
                   <MoveLeft className="h-4 w-4" />
-                  <div className="pr-1">Prev</div>
+                  <div className="pr-1">{t("prev")}</div>
                 </button>
                 <button
                   disabled={!exporterServices?.next_page_results}
@@ -173,7 +175,7 @@ const IntegrationGuide = observer(() => {
                       : "cursor-not-allowed opacity-75"
                   }`}
                 >
-                  <div className="pl-1">Next</div>
+                  <div className="pl-1">{t("next")}</div>
                   <MoveRight className="h-4 w-4" />
                 </button>
               </div>
diff --git a/web/core/components/web-hooks/create-webhook-modal.tsx b/web/core/components/web-hooks/create-webhook-modal.tsx
index 87a564cba4a..d5eecbe9c7a 100644
--- a/web/core/components/web-hooks/create-webhook-modal.tsx
+++ b/web/core/components/web-hooks/create-webhook-modal.tsx
@@ -3,6 +3,7 @@
 import React, { useState } from "react";
 import { useParams } from "next/navigation";
 // types
+import { useTranslation } from "@plane/i18n";
 import { IWebhook, IWorkspace, TWebhookEventTypes } from "@plane/types";
 // ui
 import { EModalPosition, EModalWidth, ModalCore, TOAST_TYPE, setToast } from "@plane/ui";
@@ -34,6 +35,7 @@ export const CreateWebhookModal: React.FC<ICreateWebhookModal> = (props) => {
   const [generatedWebhook, setGeneratedKey] = useState<IWebhook | null>(null);
   // router
   const { workspaceSlug } = useParams();
+  const { t } = useTranslation();
 
   const handleCreateWebhook = async (formData: IWebhook, webhookEventType: TWebhookEventTypes) => {
     if (!workspaceSlug) return;
@@ -65,8 +67,8 @@ export const CreateWebhookModal: React.FC<ICreateWebhookModal> = (props) => {
       .then(({ webHook, secretKey }) => {
         setToast({
           type: TOAST_TYPE.SUCCESS,
-          title: "Success!",
-          message: "Webhook created successfully.",
+          title: t("workspace_settings.settings.webhooks.toasts.created.title"),
+          message: t("workspace_settings.settings.webhooks.toasts.created.message"),
         });
 
         setGeneratedKey(webHook);
@@ -77,8 +79,8 @@ export const CreateWebhookModal: React.FC<ICreateWebhookModal> = (props) => {
       .catch((error) => {
         setToast({
           type: TOAST_TYPE.ERROR,
-          title: "Error!",
-          message: error?.error ?? "Something went wrong. Please try again.",
+          title: t("workspace_settings.settings.webhooks.toasts.not_created.title"),
+          message: error?.error ?? t("workspace_settings.settings.webhooks.toasts.not_created.message"),
         });
       });
   };
diff --git a/web/core/components/web-hooks/form/event-types.tsx b/web/core/components/web-hooks/form/event-types.tsx
index c90500a7405..dd69dbf8953 100644
--- a/web/core/components/web-hooks/form/event-types.tsx
+++ b/web/core/components/web-hooks/form/event-types.tsx
@@ -1,4 +1,5 @@
 // types
+import { useTranslation } from "@plane/i18n";
 import { TWebhookEventTypes } from "@plane/types";
 
 type Props = {
@@ -19,10 +20,11 @@ const WEBHOOK_EVENT_TYPES: { key: TWebhookEventTypes; label: string }[] = [
 
 export const WebhookOptions: React.FC<Props> = (props) => {
   const { value, onChange } = props;
+  const { t } = useTranslation();
 
   return (
     <>
-      <h6 className="text-sm font-medium">Which events would you like to trigger this webhook?</h6>
+      <h6 className="text-sm font-medium">{t("workspace_settings.settings.webhooks.modal.question")}</h6>
       <div className="space-y-3">
         {WEBHOOK_EVENT_TYPES.map((option) => (
           <div key={option.key} className="flex items-center gap-2">
diff --git a/web/core/components/web-hooks/form/form.tsx b/web/core/components/web-hooks/form/form.tsx
index bbb953cb382..ba55a75b302 100644
--- a/web/core/components/web-hooks/form/form.tsx
+++ b/web/core/components/web-hooks/form/form.tsx
@@ -3,6 +3,7 @@
 import React, { FC, useEffect, useState } from "react";
 import { observer } from "mobx-react";
 import { Controller, useForm } from "react-hook-form";
+import { useTranslation } from "@plane/i18n";
 import { IWebhook, TWebhookEventTypes } from "@plane/types";
 // hooks
 import { Button } from "@plane/ui";
@@ -39,6 +40,7 @@ export const WebhookForm: FC<Props> = observer((props) => {
   const [webhookEventType, setWebhookEventType] = useState<TWebhookEventTypes>("all");
   // store hooks
   const { webhookSecretKey } = useWebhook();
+  const { t } = useTranslation();
   // use form
   const {
     handleSubmit,
@@ -62,14 +64,18 @@ export const WebhookForm: FC<Props> = observer((props) => {
   return (
     <form onSubmit={handleSubmit(handleFormSubmit)}>
       <div className="space-y-5 ">
-        <div className="text-xl font-medium text-custom-text-200">{data ? "Webhook details" : "Create webhook"}</div>
+        <div className="text-xl font-medium text-custom-text-200">
+          {data
+            ? t("workspace_settings.settings.webhooks.modal.details")
+            : t("workspace_settings.settings.webhooks.modal.title")}
+        </div>
         <div className="space-y-3">
           <div className="space-y-1">
             <Controller
               control={control}
               name="url"
               rules={{
-                required: "URL is required",
+                required: t("workspace_settings.settings.webhooks.modal.error"),
               }}
               render={({ field: { onChange, value } }) => (
                 <WebhookInput value={value} onChange={onChange} hasError={Boolean(errors.url)} />
@@ -88,17 +94,17 @@ export const WebhookForm: FC<Props> = observer((props) => {
         <div className="pt-0 space-y-5">
           <WebhookSecretKey data={data} />
           <Button type="submit" loading={isSubmitting}>
-            {isSubmitting ? "Updating" : "Update"}
+            {isSubmitting ? t("updating") : t("update")}
           </Button>
         </div>
       ) : (
         <div className="px-5 py-4 flex items-center justify-end gap-2 border-t-[0.5px] border-custom-border-200">
           <Button variant="neutral-primary" size="sm" onClick={handleClose}>
-            Cancel
+            {t("cancel")}
           </Button>
           {!webhookSecretKey && (
-            <Button type="submit" variant="primary" size="sm" loading={isSubmitting}>
-              {isSubmitting ? "Creating" : "Create"}
+            <Button type="submit" variant="primary" size="sm" loading={isSubmitting} className="capitalize">
+              {isSubmitting ? t("creating") : t("create")}
             </Button>
           )}
         </div>
diff --git a/web/core/components/web-hooks/form/input.tsx b/web/core/components/web-hooks/form/input.tsx
index 997e97e7974..c5ee281aa6b 100644
--- a/web/core/components/web-hooks/form/input.tsx
+++ b/web/core/components/web-hooks/form/input.tsx
@@ -1,5 +1,6 @@
 "use client";
 
+import { useTranslation } from "@plane/i18n";
 import { Input } from "@plane/ui";
 
 type Props = {
@@ -9,10 +10,11 @@ type Props = {
 };
 export const WebhookInput: React.FC<Props> = (props) => {
   const { value, onChange, hasError } = props;
+  const { t } = useTranslation();
 
   return (
     <>
-      <h6 className="text-sm font-medium">Payload URL</h6>
+      <h6 className="text-sm font-medium">{t("workspace_settings.settings.webhooks.modal.payload")}</h6>
       <Input
         type="url"
         className="h-11 w-full"
diff --git a/web/core/components/web-hooks/form/secret-key.tsx b/web/core/components/web-hooks/form/secret-key.tsx
index 62815a6e288..f2d16c14e85 100644
--- a/web/core/components/web-hooks/form/secret-key.tsx
+++ b/web/core/components/web-hooks/form/secret-key.tsx
@@ -6,6 +6,7 @@ import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 // icons
 import { Copy, Eye, EyeOff, RefreshCw } from "lucide-react";
+import { useTranslation } from "@plane/i18n";
 import { IWebhook } from "@plane/types";
 // ui
 import { Button, Tooltip, TOAST_TYPE, setToast } from "@plane/ui";
@@ -35,6 +36,7 @@ export const WebhookSecretKey: FC<Props> = observer((props) => {
   const { currentWorkspace } = useWorkspace();
   const { currentWebhook, regenerateSecretKey, webhookSecretKey } = useWebhook();
   const { isMobile } = usePlatformOS();
+  const { t } = useTranslation();
   const handleCopySecretKey = () => {
     if (!webhookSecretKey) return;
 
@@ -42,15 +44,15 @@ export const WebhookSecretKey: FC<Props> = observer((props) => {
       .then(() =>
         setToast({
           type: TOAST_TYPE.SUCCESS,
-          title: "Success!",
-          message: "Secret key copied to clipboard.",
+          title: `${t("success")!}`,
+          message: t("workspace_settings.settings.webhooks.toasts.secret_key_copied.message"),
         })
       )
       .catch(() =>
         setToast({
           type: TOAST_TYPE.ERROR,
-          title: "Error!",
-          message: "Error occurred while copying secret key.",
+          title: `${t("error")}!`,
+          message: t("workspace_settings.settings.webhooks.toasts.secret_key_not_copied.message"),
         })
       );
   };
@@ -64,7 +66,7 @@ export const WebhookSecretKey: FC<Props> = observer((props) => {
       .then(() => {
         setToast({
           type: TOAST_TYPE.SUCCESS,
-          title: "Success!",
+          title: `${t("success")!}`,
           message: "New key regenerated successfully.",
         });
 
@@ -76,8 +78,8 @@ export const WebhookSecretKey: FC<Props> = observer((props) => {
       .catch((err) =>
         setToast({
           type: TOAST_TYPE.ERROR,
-          title: "Error!",
-          message: err?.error ?? "Something went wrong. Please try again.",
+          title: `${t("error")}!`,
+          message: err?.error ?? t("something_went_wrong_please_try_again"),
         })
       )
       .finally(() => setIsRegenerating(false));
@@ -94,8 +96,14 @@ export const WebhookSecretKey: FC<Props> = observer((props) => {
     <>
       {(data || webhookSecretKey) && (
         <div className="space-y-2">
-          {webhookId && <div className="text-sm font-medium">Secret key</div>}
-          <div className="text-xs text-custom-text-400">Generate a token to sign-in to the webhook payload</div>
+          {webhookId && (
+            <div className="text-sm font-medium">
+              {t("workspace_settings.settings.webhooks.modal.secret_key.title")}
+            </div>
+          )}
+          <div className="text-xs text-custom-text-400">
+            {t("workspace_settings.settings.webhooks.modal.secret_key.message")}
+          </div>
           <div className="flex flex-col md:flex-row md:items-center gap-4">
             <div className="flex flex-grow max-w-lg items-center justify-between self-stretch rounded border border-custom-border-200 px-2 h-8">
               <div className="select-none overflow-hidden font-medium">
@@ -125,7 +133,7 @@ export const WebhookSecretKey: FC<Props> = observer((props) => {
               <div>
                 <Button onClick={handleRegenerateSecretKey} variant="accent-primary" loading={isRegenerating}>
                   <RefreshCw className="h-3 w-3" />
-                  {isRegenerating ? "Re-generating..." : "Re-generate key"}
+                  {isRegenerating ? `${t("re_generating")}...` : t("re_generate_key")}
                 </Button>
               </div>
             )}
diff --git a/web/core/components/web-hooks/generated-hook-details.tsx b/web/core/components/web-hooks/generated-hook-details.tsx
index 2db0bcc79ff..bf616e88005 100644
--- a/web/core/components/web-hooks/generated-hook-details.tsx
+++ b/web/core/components/web-hooks/generated-hook-details.tsx
@@ -2,6 +2,7 @@
 
 // components
 // ui
+import { useTranslation } from "@plane/i18n";
 import { IWebhook } from "@plane/types";
 import { Button } from "@plane/ui";
 // types
@@ -14,15 +15,17 @@ type Props = {
 
 export const GeneratedHookDetails: React.FC<Props> = (props) => {
   const { handleClose, webhookDetails } = props;
+  const { t } = useTranslation();
 
   return (
     <>
       <div className="space-y-5 p-5">
         <div className="space-y-3">
-          <h3 className="text-xl font-medium text-custom-text-200">Key created</h3>
+          <h3 className="text-xl font-medium text-custom-text-200">
+            {t("workspace_settings.settings.webhooks.modal.secret_key.created")}
+          </h3>
           <p className="text-sm text-custom-text-400">
-            Copy and save this secret key in Plane Pages. You can{"'"}t see this key after you hit Close. A CSV file
-            containing the key has been downloaded.
+            {t("workspace_settings.settings.webhooks.modal.secret_key.copy_message")}
           </p>
         </div>
         <WebhookSecretKey data={webhookDetails} />
diff --git a/web/core/components/workspace/confirm-workspace-member-remove.tsx b/web/core/components/workspace/confirm-workspace-member-remove.tsx
index 51408d1ee86..07bd56a129d 100644
--- a/web/core/components/workspace/confirm-workspace-member-remove.tsx
+++ b/web/core/components/workspace/confirm-workspace-member-remove.tsx
@@ -5,6 +5,7 @@ import { observer } from "mobx-react";
 import { AlertTriangle } from "lucide-react";
 import { Dialog, Transition } from "@headlessui/react";
 // ui
+import { useTranslation } from "@plane/i18n";
 import { Button } from "@plane/ui";
 // hooks
 import { useUser } from "@/hooks/store";
@@ -25,6 +26,7 @@ export const ConfirmWorkspaceMemberRemove: React.FC<Props> = observer((props) =>
   const [isRemoving, setIsRemoving] = useState(false);
   // store hooks
   const { data: currentUser } = useUser();
+  const { t } = useTranslation();
 
   const handleClose = () => {
     onClose();
@@ -80,11 +82,11 @@ export const ConfirmWorkspaceMemberRemove: React.FC<Props> = observer((props) =>
                       <div className="mt-2">
                         {currentUser?.id === userDetails.id ? (
                           <p className="text-sm text-custom-text-200">
-                            Are you sure you want to leave the workspace? You will no longer have access to this
-                            workspace. This action cannot be undone.
+                            {t("workspace_settings.settings.members.leave_confirmation")}
                           </p>
                         ) : (
                           <p className="text-sm text-custom-text-200">
+                            {/* TODO: Add translation here */}
                             Are you sure you want to remove member-{" "}
                             <span className="font-bold">{userDetails?.display_name}</span>? They will no longer have
                             access to this workspace. This action cannot be undone.
@@ -96,16 +98,16 @@ export const ConfirmWorkspaceMemberRemove: React.FC<Props> = observer((props) =>
                 </div>
                 <div className="flex justify-end gap-2 p-4 sm:px-6">
                   <Button variant="neutral-primary" size="sm" onClick={handleClose}>
-                    Cancel
+                    {t("cancel")}
                   </Button>
                   <Button variant="danger" size="sm" tabIndex={1} onClick={handleDeletion} loading={isRemoving}>
                     {currentUser?.id === userDetails.id
                       ? isRemoving
-                        ? "Leaving"
-                        : "Leave"
+                        ? t("leaving")
+                        : t("leave")
                       : isRemoving
-                        ? "Removing"
-                        : "Remove"}
+                        ? t("removing")
+                        : t("remove")}
                   </Button>
                 </div>
               </Dialog.Panel>
diff --git a/web/core/components/workspace/settings/invitations-list-item.tsx b/web/core/components/workspace/settings/invitations-list-item.tsx
index 60a7402cccc..ef531f79ab3 100644
--- a/web/core/components/workspace/settings/invitations-list-item.tsx
+++ b/web/core/components/workspace/settings/invitations-list-item.tsx
@@ -7,6 +7,7 @@ import { ChevronDown, XCircle } from "lucide-react";
 // plane imports
 import { ROLE } from "@plane/constants";
 // ui
+import { useTranslation } from "@plane/i18n";
 import { CustomSelect, Tooltip, TOAST_TYPE, setToast } from "@plane/ui";
 // components
 import { ConfirmWorkspaceMemberRemove } from "@/components/workspace";
@@ -28,6 +29,7 @@ export const WorkspaceInvitationsListItem: FC<Props> = observer((props) => {
   const { workspaceSlug } = useParams();
   // store hooks
   const { allowPermissions, workspaceInfoBySlug } = useUserPermissions();
+  const { t } = useTranslation();
 
   const {
     workspace: { updateMemberInvitation, deleteMemberInvitation, getWorkspaceInvitationDetails },
@@ -96,7 +98,7 @@ export const WorkspaceInvitationsListItem: FC<Props> = observer((props) => {
         </div>
         <div className="flex items-center gap-2 text-xs">
           <div className="flex items-center justify-center rounded bg-yellow-500/20 px-2.5 py-1 text-center text-xs font-medium text-yellow-500">
-            <p>Pending</p>
+            <p>{t("pending")}</p>
           </div>
           <CustomSelect
             customButton={
diff --git a/web/core/components/workspace/settings/members-list-item.tsx b/web/core/components/workspace/settings/members-list-item.tsx
index b9c623e302f..3c2610a09a7 100644
--- a/web/core/components/workspace/settings/members-list-item.tsx
+++ b/web/core/components/workspace/settings/members-list-item.tsx
@@ -5,6 +5,7 @@ import { isEmpty } from "lodash";
 import { observer } from "mobx-react";
 // ui
 import { WORKSPACE_MEMBER_LEAVE } from "@plane/constants";
+import { useTranslation } from "@plane/i18n";
 import { IWorkspaceMember } from "@plane/types";
 import { TOAST_TYPE, Table, setToast } from "@plane/ui";
 // components
@@ -32,6 +33,7 @@ export const WorkspaceMembersListItem: FC<Props> = observer((props) => {
   } = useMember();
   const { leaveWorkspace } = useUserPermissions();
   const { captureEvent } = useEventTracker();
+  const { t } = useTranslation();
   // derived values
 
   const handleLeaveWorkspace = async () => {
@@ -49,7 +51,7 @@ export const WorkspaceMembersListItem: FC<Props> = observer((props) => {
         setToast({
           type: TOAST_TYPE.ERROR,
           title: "Error!",
-          message: err?.error || "Something went wrong. Please try again.",
+          message: err?.error || t("something_went_wrong_please_try_again"),
         })
       );
   };
@@ -61,7 +63,7 @@ export const WorkspaceMembersListItem: FC<Props> = observer((props) => {
       setToast({
         type: TOAST_TYPE.ERROR,
         title: "Error!",
-        message: err?.error || "Something went wrong. Please try again.",
+        message: err?.error || t("something_went_wrong_please_try_again"),
       })
     );
   };
diff --git a/web/core/components/workspace/settings/members-list.tsx b/web/core/components/workspace/settings/members-list.tsx
index 9c19d2f8fe6..5b5bd0983a1 100644
--- a/web/core/components/workspace/settings/members-list.tsx
+++ b/web/core/components/workspace/settings/members-list.tsx
@@ -4,6 +4,7 @@ import { useParams } from "next/navigation";
 import useSWR from "swr";
 import { ChevronDown } from "lucide-react";
 import { Disclosure } from "@headlessui/react";
+import { useTranslation } from "@plane/i18n";
 import { Collapsible } from "@plane/ui";
 import { CountChip } from "@/components/common";
 import { MembersSettingsLoader } from "@/components/ui";
@@ -29,6 +30,7 @@ export const WorkspaceMembersList: FC<{ searchQuery: string; isAdmin: boolean }>
       getWorkspaceMemberDetails,
     },
   } = useMember();
+  const { t } = useTranslation();
   // fetching workspace invitations
   useSWR(
     workspaceSlug ? `WORKSPACE_MEMBERS_AND_MEMBER_INVITATIONS_${workspaceSlug.toString()}` : null,
@@ -52,7 +54,7 @@ export const WorkspaceMembersList: FC<{ searchQuery: string; isAdmin: boolean }>
       <div className="divide-y-[0.5px] divide-custom-border-100 overflow-scroll	">
         {searchedMemberIds?.length !== 0 && <WorkspaceMembersListItem memberDetails={memberDetails ?? []} />}
         {searchedInvitationsIds?.length === 0 && searchedMemberIds?.length === 0 && (
-          <h4 className="mt-16 text-center text-sm text-custom-text-400">No matching members</h4>
+          <h4 className="mt-16 text-center text-sm text-custom-text-400">{t("no_matching_members")}</h4>
         )}
       </div>
       {isAdmin && searchedInvitationsIds && searchedInvitationsIds.length > 0 && (
@@ -63,7 +65,7 @@ export const WorkspaceMembersList: FC<{ searchQuery: string; isAdmin: boolean }>
           title={
             <div className="flex w-full items-center justify-between pt-4">
               <div className="flex">
-                <h4 className="text-xl font-medium pt-2 pb-2">Pending invites</h4>
+                <h4 className="text-xl font-medium pt-2 pb-2">{t("pending_invites")}</h4>
                 {searchedInvitationsIds && (
                   <CountChip count={searchedInvitationsIds.length} className="h-5  m-auto ml-2" />
                 )}
diff --git a/web/core/components/workspace/settings/workspace-details.tsx b/web/core/components/workspace/settings/workspace-details.tsx
index 28a2167e3d6..083e76c7e55 100644
--- a/web/core/components/workspace/settings/workspace-details.tsx
+++ b/web/core/components/workspace/settings/workspace-details.tsx
@@ -7,6 +7,7 @@ import { Pencil } from "lucide-react";
 // constants
 import { ORGANIZATION_SIZE, WORKSPACE_UPDATED } from "@plane/constants";
 // types
+import { useTranslation } from "@plane/i18n";
 import { IWorkspace } from "@plane/types";
 // ui
 import { Button, CustomSelect, Input, TOAST_TYPE, setToast } from "@plane/ui";
@@ -37,6 +38,7 @@ export const WorkspaceDetails: FC = observer(() => {
   const { captureWorkspaceEvent } = useEventTracker();
   const { currentWorkspace, updateWorkspace } = useWorkspace();
   const { allowPermissions } = useUserPermissions();
+  const { t } = useTranslation();
 
   // form info
   const {
@@ -188,10 +190,10 @@ export const WorkspaceDetails: FC = observer(() => {
                 {workspaceLogo && workspaceLogo !== "" ? (
                   <>
                     <Pencil className="h-3 w-3" />
-                    Edit logo
+                    {t("workspace_settings.settings.general.edit_logo")}
                   </>
                 ) : (
-                  "Upload logo"
+                  t("workspace_settings.settings.general.upload_logo")
                 )}
               </button>
             )}
@@ -201,15 +203,15 @@ export const WorkspaceDetails: FC = observer(() => {
         <div className="my-8 flex flex-col gap-8">
           <div className="grid-col grid w-full grid-cols-1 items-center justify-between gap-10 xl:grid-cols-2 2xl:grid-cols-3">
             <div className="flex flex-col gap-1">
-              <h4 className="text-sm">Workspace name</h4>
+              <h4 className="text-sm">{t("workspace_settings.settings.general.name")}</h4>
               <Controller
                 control={control}
                 name="name"
                 rules={{
-                  required: "Name is required",
+                  required: t("workspace_settings.settings.general.errors.name.required"),
                   maxLength: {
                     value: 80,
-                    message: "Workspace name should not exceed 80 characters",
+                    message: t("workspace_settings.settings.general.errors.name.max_length"),
                   },
                 }}
                 render={({ field: { value, onChange, ref } }) => (
@@ -221,7 +223,7 @@ export const WorkspaceDetails: FC = observer(() => {
                     onChange={onChange}
                     ref={ref}
                     hasError={Boolean(errors.name)}
-                    placeholder="Name"
+                    placeholder={t("workspace_settings.settings.general.name")}
                     className="w-full rounded-md font-medium"
                     disabled={!isAdmin}
                   />
@@ -230,7 +232,7 @@ export const WorkspaceDetails: FC = observer(() => {
             </div>
 
             <div className="flex flex-col gap-1 ">
-              <h4 className="text-sm">Company size</h4>
+              <h4 className="text-sm">{t("workspace_settings.settings.general.company_size")}</h4>
               <Controller
                 name="organization_size"
                 control={control}
@@ -238,7 +240,10 @@ export const WorkspaceDetails: FC = observer(() => {
                   <CustomSelect
                     value={value}
                     onChange={onChange}
-                    label={ORGANIZATION_SIZE.find((c) => c === value) ?? "Select organization size"}
+                    label={
+                      ORGANIZATION_SIZE.find((c) => c === value) ??
+                      t("workspace_settings.settings.general.errors.company_size.select_a_range")
+                    }
                     optionsClassName="w-full"
                     buttonClassName="!border-[0.5px] !border-custom-border-200 !shadow-none"
                     input
@@ -255,7 +260,7 @@ export const WorkspaceDetails: FC = observer(() => {
             </div>
 
             <div className="flex flex-col gap-1 ">
-              <h4 className="text-sm">Workspace URL</h4>
+              <h4 className="text-sm">{t("workspace_settings.settings.general.url")}</h4>
               <Controller
                 control={control}
                 name="url"
@@ -282,7 +287,7 @@ export const WorkspaceDetails: FC = observer(() => {
           {isAdmin && (
             <div className="flex items-center justify-between py-2">
               <Button variant="primary" onClick={handleSubmit(onSubmit)} loading={isLoading}>
-                {isLoading ? "Updating" : "Update workspace"}
+                {isLoading ? t("updating") : t("workspace_settings.settings.general.update_workspace")}
               </Button>
             </div>
           )}