diff --git a/README.md b/README.md
index fbbe23022..77fbab6e7 100644
--- a/README.md
+++ b/README.md
@@ -105,6 +105,20 @@ In the deployment location the following command will run the app:
 node server.js
 ```
 
+## Adding a language
+
+Add an entry to the `LANGUAGES` array in
+`src/components/LanguageSelector/index.tsx`:
+
+```typescript
+{ code: "it", label: "Italiano" }
+```
+
+`code` must be a
+[BCP 47 tag supported by Google Translate](https://cloud.google.com/translate/docs/languages)
+(e.g. `"zh-CN"`, `"pt"`, `"ar"`). `label` should be the language's own name,
+not its English translation.
+
 ## Tracking
 
 To improve Lab, we use [Amplitude](https://amplitude.com/) and
diff --git a/playwright.config.ts b/playwright.config.ts
index 54107a8fa..61a17bb48 100644
--- a/playwright.config.ts
+++ b/playwright.config.ts
@@ -38,6 +38,21 @@ export default defineConfig({
     video: "off",
     actionTimeout: 10 * 1000,
     navigationTimeout: 15 * 1000,
+    launchOptions: {
+      args: [
+        // Block Google Translate CDN requests so they don't slow down page
+        // loads in test environments. The app loads the GT script on every
+        // page (src/app/layout.tsx), and in environments with restricted or
+        // slow access to Google's CDN the external requests can push page
+        // loads past navigationTimeout, causing flaky failures in unrelated
+        // tests. Mapping these hosts to 127.0.0.1 makes connections fail
+        // immediately ("connection refused") rather than hanging. The async
+        // GT script handles the failure gracefully without blocking page load.
+        // Language selector tests are unaffected — they only verify cookie
+        // behaviour and UI state, not that the page is actually translated.
+        "--host-rules=MAP translate.google.com 127.0.0.1, MAP translate.googleapis.com 127.0.0.1",
+      ],
+    },
   },
 
   /* Run your local dev server before starting the tests */
diff --git a/src/app/(sidebar)/account/fund/components/SwitchNetwork.tsx b/src/app/(sidebar)/account/fund/components/SwitchNetwork.tsx
index 864794255..bbbdde637 100644
--- a/src/app/(sidebar)/account/fund/components/SwitchNetwork.tsx
+++ b/src/app/(sidebar)/account/fund/components/SwitchNetwork.tsx
@@ -2,6 +2,8 @@
 
 import { Card, Text } from "@stellar/design-system";
 import { SwitchNetworkButtons } from "@/components/SwitchNetworkButtons";
+import { AssetCode } from "@/components/AssetCode";
+import { NetworkName } from "@/components/NetworkName";
 
 import "../../styles.scss";
 
@@ -11,15 +13,15 @@ export const SwitchNetwork = () => {
       <div className="Account__card">
         <div className="CardText">
           <Text size="lg" as="h1" weight="medium">
-            Fund a Futurenet or Testnet network account or contract with XLM,
-            USDC, and EURC
+            Fund a{" "}<NetworkName>Futurenet</NetworkName>{" "}or{" "}<NetworkName>Testnet</NetworkName>{" "}network account or contract with XLM,{" "}
+            <AssetCode>USDC</AssetCode>, and <AssetCode>EURC</AssetCode>
           </Text>
 
           <Text size="sm" as="p">
-            You must switch your network to Testnet or Futurenet in order to
+            You must switch your network to{" "}<NetworkName>Testnet</NetworkName>{" "}or{" "}<NetworkName>Futurenet</NetworkName>{" "}in order to
             fund keypairs. Friendbot is a standalone service that funds your
-            account or contract with XLM. To fund assets such as USDC and EURC,
-            you’ll need to add a trustline manually before funding.
+            account or contract with XLM. Adding a trustline is required to
+            fund assets such as{" "}<AssetCode>USDC</AssetCode>{" "}and{" "}<AssetCode>EURC</AssetCode>.
           </Text>
         </div>
 
diff --git a/src/app/(sidebar)/account/fund/page.tsx b/src/app/(sidebar)/account/fund/page.tsx
index 01b91566c..c6d410a44 100644
--- a/src/app/(sidebar)/account/fund/page.tsx
+++ b/src/app/(sidebar)/account/fund/page.tsx
@@ -17,6 +17,9 @@ import { useFriendBot } from "@/query/useFriendBot";
 import { useAccountInfo } from "@/query/useAccountInfo";
 import { useAddTrustline } from "@/query/useAddTrustline";
 import { useSubmitHorizonTx } from "@/query/useSubmitHorizonTx";
+import { NetworkName } from "@/components/NetworkName";
+import { AssetCode } from "@/components/AssetCode";
+
 import { useStore } from "@/store/useStore";
 import { EURC_TESTNET_ISSUER, USDC_TESTNET_ISSUER } from "@/constants/settings";
 
@@ -201,7 +204,7 @@ export default function FundAccount() {
         id: `fund-account-success-xlm`,
         type: "success",
         title: "XLM has been successfully funded!",
-        description: `10,000 XLM was funded to ${shortenStellarAddress(inputPublicKey)} on ${network.label}.`,
+        description: <>10,000 XLM was funded to {shortenStellarAddress(inputPublicKey)} on <NetworkName>{network.label}</NetworkName>.</>,
       });
 
       setActiveToken("");
@@ -245,7 +248,7 @@ export default function FundAccount() {
         id: `fund-account-success-${assetCode}`,
         type: "success",
         title: "Trustline added",
-        description: `${assetCode} trustline has been successfully added to ${shortenStellarAddress(inputPublicKey)} on ${network.label}.`,
+        description: <>{assetCode} trustline has been successfully added to {shortenStellarAddress(inputPublicKey)} on <NetworkName>{network.label}</NetworkName>.</>,
       });
     }
   }, [
@@ -306,13 +309,13 @@ export default function FundAccount() {
   return (
     <div className="Account">
       <PageCard
-        heading={`Friendbot: fund a ${network.label} account or contract with XLM, USDC, and EURC`}
+        heading={<>Friendbot: fund a{" "}<NetworkName>{network.label}</NetworkName>{" "}account or contract with XLM,{" "}<AssetCode>USDC</AssetCode>, and{" "}<AssetCode>EURC</AssetCode></>}
       >
         <div className="Account__card">
           <Text size="sm" as="div">
             Friendbot is a standalone service that funds your testnet account or
-            contract with XLM. To fund assets such as USDC and EURC, you’ll need
-            to add a trustline manually before funding.
+            contract with XLM. Adding a trustline is required to fund assets
+            such as{" "}<AssetCode>USDC</AssetCode>{" "}and{" "}<AssetCode>EURC</AssetCode>.
           </Text>
 
           <Input
@@ -428,7 +431,10 @@ export default function FundAccount() {
                         size="md"
                         weight="medium"
                         addlClassName="Account__fundTokens__item__amount"
-                      >{`${formatNumber(parseFloat(t.amount))} ${t.currency}`}</Text>
+                      >
+                        {formatNumber(parseFloat(t.amount))}{" "}
+                        <AssetCode>{t.currency}</AssetCode>
+                      </Text>
                     </div>
 
                     {t.id === "xlm" || hasTrustline ? (
diff --git a/src/app/(sidebar)/account/saved/page.tsx b/src/app/(sidebar)/account/saved/page.tsx
index e838184e2..39e4ceb8e 100644
--- a/src/app/(sidebar)/account/saved/page.tsx
+++ b/src/app/(sidebar)/account/saved/page.tsx
@@ -24,6 +24,8 @@ import { arrayItem } from "@/helpers/arrayItem";
 import { getNetworkHeaders } from "@/helpers/getNetworkHeaders";
 import { getNetworkById } from "@/helpers/getNetworkById";
 
+import { NetworkName } from "@/components/NetworkName";
+
 import { useStore } from "@/store/useStore";
 import { useIsTestingNetwork } from "@/hooks/useIsTestingNetwork";
 import { useFriendBot } from "@/query/useFriendBot";
@@ -97,7 +99,8 @@ export default function SavedKeypairs() {
         <Box gap="md">
           <>
             {savedKeypairs.length === 0
-              ? `There are no saved keypairs on ${network.label} network.`
+              ? <span>There are no saved keypairs on{" "}<NetworkName>{network.label}</NetworkName>{" "}network.</span>
+
               : savedKeypairs.map((kp) => (
                   <SavedKeypairItem
                     key={`saved-kp-${kp.timestamp}`}
diff --git a/src/app/(sidebar)/endpoints/components/SavedEndpointsPage.tsx b/src/app/(sidebar)/endpoints/components/SavedEndpointsPage.tsx
index 5430846c2..c972070f5 100644
--- a/src/app/(sidebar)/endpoints/components/SavedEndpointsPage.tsx
+++ b/src/app/(sidebar)/endpoints/components/SavedEndpointsPage.tsx
@@ -30,6 +30,8 @@ import { localStorageSavedRpcMethods } from "@/helpers/localStorageSavedRpcMetho
 import { arrayItem } from "@/helpers/arrayItem";
 import { formatTimestamp } from "@/helpers/formatTimestamp";
 import { getNetworkById } from "@/helpers/getNetworkById";
+import { NetworkName } from "@/components/NetworkName";
+
 import { useStore } from "@/store/useStore";
 
 import { trackEvent, TrackingEvent } from "@/metrics/tracking";
@@ -162,7 +164,7 @@ export const SavedEndpointsPage = () => {
 
   const HorizonEndpoints = () => {
     if (savedEndpointsHorizon.length === 0) {
-      return `There are no saved Horizon Endpoints on ${network.label} network`;
+      return <span>There are no saved Horizon Endpoints on{" "}<NetworkName>{network.label}</NetworkName>{" "}network</span>;
     }
 
     return (
@@ -272,7 +274,7 @@ export const SavedEndpointsPage = () => {
 
   const RpcEndpoints = () => {
     if (savedRpcMethods.length === 0) {
-      return `There are no saved RPC Methods ${network.label} network`;
+      return <span>There are no saved RPC Methods on{" "}<NetworkName>{network.label}</NetworkName>{" "}network</span>;
     }
 
     return (
diff --git a/src/app/(sidebar)/smart-contracts/saved/page.tsx b/src/app/(sidebar)/smart-contracts/saved/page.tsx
index b4ee53fc5..7cdcb1199 100644
--- a/src/app/(sidebar)/smart-contracts/saved/page.tsx
+++ b/src/app/(sidebar)/smart-contracts/saved/page.tsx
@@ -16,6 +16,8 @@ import { arrayItem } from "@/helpers/arrayItem";
 import { delayedAction } from "@/helpers/delayedAction";
 
 import { Routes } from "@/constants/routes";
+import { NetworkName } from "@/components/NetworkName";
+
 import { useStore } from "@/store/useStore";
 import { trackEvent, TrackingEvent } from "@/metrics/tracking";
 
@@ -46,7 +48,8 @@ export default function SavedSmartContracts() {
         <Box gap="md">
           <>
             {savedContracts.length === 0
-              ? `There are no saved smart contracts on ${network.label} network.`
+              ? <span>There are no saved smart contracts on{" "}<NetworkName>{network.label}</NetworkName>{" "}network.</span>
+
               : savedContracts.map((c) => (
                   <SavedContractItem
                     key={`saved-contract-${c.timestamp}`}
diff --git a/src/app/(sidebar)/transaction/saved/page.tsx b/src/app/(sidebar)/transaction/saved/page.tsx
index 127322107..7fd1482a2 100644
--- a/src/app/(sidebar)/transaction/saved/page.tsx
+++ b/src/app/(sidebar)/transaction/saved/page.tsx
@@ -13,6 +13,8 @@ import { SavedItemTimestampAndDelete } from "@/components/SavedItemTimestampAndD
 import { PageCard } from "@/components/layout/PageCard";
 import { SaveToLocalStorageModal } from "@/components/SaveToLocalStorageModal";
 
+import { NetworkName } from "@/components/NetworkName";
+
 import { useStore } from "@/store/useStore";
 import { localStorageSavedTransactions } from "@/helpers/localStorageSavedTransactions";
 import { arrayItem } from "@/helpers/arrayItem";
@@ -230,7 +232,8 @@ export default function SavedTransactions() {
         <Box gap="md">
           <>
             {savedTxns.length === 0
-              ? `There are no saved transactions on ${network.label} network.`
+              ? <span>There are no saved transactions on{" "}<NetworkName>{network.label}</NetworkName>{" "}network.</span>
+
               : savedTxns.map((t) => (
                   <SavedTxn key={`txn-${t.timestamp}`} txn={t} />
                 ))}
diff --git a/src/app/(sidebar)/xdr/diff/page.tsx b/src/app/(sidebar)/xdr/diff/page.tsx
index f7529957d..3b7fddc07 100644
--- a/src/app/(sidebar)/xdr/diff/page.tsx
+++ b/src/app/(sidebar)/xdr/diff/page.tsx
@@ -191,7 +191,7 @@ export default function DiffXdr() {
         ) : null}
 
         <div
-          className={`CodeEditor ${isExpanded ? "CodeEditor--expanded" : ""}`}
+          className={`CodeEditor notranslate ${isExpanded ? "CodeEditor--expanded" : ""}`}
           data-testid="diff-xdr-editor"
         >
           <div className="CodeEditor__header">
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index df3448de0..f045fc66f 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,5 +1,6 @@
 import React, { Suspense } from "react";
 import type { Metadata } from "next";
+import { headers } from "next/headers";
 
 import { LayoutMain } from "@/components/layout/LayoutMain";
 import { LayoutContextProvider } from "@/components/layout/LayoutContextProvider";
@@ -9,6 +10,7 @@ import { CustomAiButton } from "@/components/CustomAiButton";
 import { QueryProvider } from "@/query/QueryProvider";
 import { StoreProvider } from "@/store/StoreProvider";
 import { GoogleAnalytics } from "@/metrics/GoogleAnalytics";
+import { GoogleTranslateMountPoint } from "@/components/GoogleTranslateMountPoint";
 
 import "@stellar/design-system/build/styles.min.css";
 import "@/styles/globals.scss";
@@ -22,14 +24,49 @@ export const metadata: Metadata = {
 // Automatically generates nonce for script and style tags
 export const dynamic = "force-dynamic";
 
-export default function RootLayout({
+export default async function RootLayout({
   children,
 }: {
   children: React.ReactNode;
 }) {
+  const nonce = (await headers()).get("x-nonce") ?? "";
+
   return (
-    <html lang="en">
-      <body>
+    <html lang="en" suppressHydrationWarning>
+      <head>
+        {/* Google Translate init — must carry nonce to pass the app's CSP.
+            suppressHydrationWarning is required because browsers strip nonce
+            attributes from the DOM after load (to prevent CSS exfiltration),
+            so the client-side React tree sees nonce="" while the server-rendered
+            HTML has the real value. The nonce is still present in the raw HTML
+            that the browser parses for CSP enforcement before React runs. */}
+        <script
+          nonce={nonce}
+          suppressHydrationWarning
+          dangerouslySetInnerHTML={{
+            __html: `
+              function googleTranslateElementInit() {
+                var mount = document.getElementById('google_translate_element');
+                if (!mount) {
+                  requestAnimationFrame(googleTranslateElementInit);
+                  return;
+                }
+                new google.translate.TranslateElement({
+                  pageLanguage: 'en',
+                  autoDisplay: false,
+                }, 'google_translate_element');
+              }
+            `,
+          }}
+        />
+        <script
+          src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"
+          nonce={nonce}
+          suppressHydrationWarning
+          async
+        />
+      </head>
+      <body suppressHydrationWarning>
         <Suspense>
           <div id="root">
             <StoreProvider>
@@ -44,6 +81,7 @@ export default function RootLayout({
             </StoreProvider>
           </div>
           <GoogleAnalytics />
+          <GoogleTranslateMountPoint />
         </Suspense>
       </body>
     </html>
diff --git a/src/components/AssetCode.tsx b/src/components/AssetCode.tsx
new file mode 100644
index 000000000..2368e9a10
--- /dev/null
+++ b/src/components/AssetCode.tsx
@@ -0,0 +1,8 @@
+/**
+ * Renders a Stellar asset code (USDC, EURC, etc.) as a non-translatable span.
+ * Asset codes are technical identifiers that should never be translated by
+ * browser translation engines like Google Translate.
+ */
+export const AssetCode = ({ children }: { children: React.ReactNode }) => (
+  <span className="notranslate">{children}</span>
+);
diff --git a/src/components/CodeEditor/index.tsx b/src/components/CodeEditor/index.tsx
index a582b596a..2bb285513 100644
--- a/src/components/CodeEditor/index.tsx
+++ b/src/components/CodeEditor/index.tsx
@@ -131,7 +131,7 @@ export const CodeEditor = ({
 
   return (
     <div
-      className={`CodeEditor ${isExpanded ? "CodeEditor--expanded" : ""} ${customCss ? customCss : ""}`}
+      className={`CodeEditor notranslate ${isExpanded ? "CodeEditor--expanded" : ""} ${customCss ? customCss : ""}`}
       style={customStyle}
     >
       {title ? (
diff --git a/src/components/FloatNotification/index.tsx b/src/components/FloatNotification/index.tsx
index b0d1d454a..9369a77df 100644
--- a/src/components/FloatNotification/index.tsx
+++ b/src/components/FloatNotification/index.tsx
@@ -8,7 +8,7 @@ export type FloatNotificationItem = {
   id: string;
   type: "success";
   title: string;
-  description: string;
+  description: React.ReactNode;
   actions?: {
     label: string;
     onAction: () => void;
diff --git a/src/components/GoogleTranslateMountPoint.tsx b/src/components/GoogleTranslateMountPoint.tsx
new file mode 100644
index 000000000..5db8929e5
--- /dev/null
+++ b/src/components/GoogleTranslateMountPoint.tsx
@@ -0,0 +1,27 @@
+"use client";
+
+import { useEffect } from "react";
+
+/**
+ * Appends the Google Translate engine mount point to the document body after
+ * mount, keeping it entirely outside React's reconciliation tree.
+ *
+ * Rendering this div in JSX would SSR it as `<div hidden>`, but the Translate
+ * engine modifies it on the client (removes `hidden`, adds `class="skiptranslate"`,
+ * injects an `<iframe>`). React's reconciler then sees a mismatch and throws a
+ * recoverable hydration error. Creating the element imperatively in `useEffect`
+ * means it is never in the server-rendered HTML, so React never tries to reconcile it.
+ */
+export const GoogleTranslateMountPoint = () => {
+  useEffect(() => {
+    const el = document.createElement("div");
+    el.id = "google_translate_element";
+    document.body.appendChild(el);
+
+    return () => {
+      el.remove();
+    };
+  }, []);
+
+  return null;
+};
diff --git a/src/components/Home/Networks.tsx b/src/components/Home/Networks.tsx
index ba74bb700..9b5e0b3e0 100644
--- a/src/components/Home/Networks.tsx
+++ b/src/components/Home/Networks.tsx
@@ -9,6 +9,8 @@ import { useStore } from "@/store/useStore";
 import { useSwitchNetwork } from "@/hooks/useSwitchNetwork";
 import { Box } from "@/components/layout/Box";
 
+import { NetworkName } from "@/components/NetworkName";
+
 import { capitalizeString } from "@/helpers/capitalizeString";
 import { openUrl } from "@/helpers/openUrl";
 import { getPublicResourcePath } from "@/helpers/getPublicResourcePath";
@@ -135,7 +137,7 @@ export const Networks = ({
           }}
           disabled={network.id === item.id}
         >
-          {item.links[0].label}
+          Switch to <NetworkName>{item.id}</NetworkName>
         </Button>
       );
     }
@@ -168,7 +170,7 @@ export const Networks = ({
                   weight="semi-bold"
                   addlClassName="Lab__home__networks__title"
                 >
-                  {i.title}
+                  <NetworkName>{i.title}</NetworkName>
                 </Text>
                 <Text
                   size="md"
@@ -187,12 +189,12 @@ export const Networks = ({
       </div>
 
       <Modal visible={Boolean(btnNetwork)} onClose={handleModalClose}>
-        <Modal.Heading>{`Switch to ${networkLabel}`}</Modal.Heading>
+        <Modal.Heading>Switch to <NetworkName>{networkLabel}</NetworkName></Modal.Heading>
         <Text
           as="div"
           size="sm"
           addlClassName="Lab__home__networks__modalText"
-        >{`You’re currently on ${network.label}. Switch networks to try ${networkLabel}.`}</Text>
+        >{"You’re currently on "}<NetworkName>{network.label}</NetworkName>{". Switch networks to try "}<NetworkName>{networkLabel}</NetworkName>{"."}</Text>
         <Modal.Footer>
           <Button
             size="md"
@@ -242,7 +244,7 @@ export const Networks = ({
               });
             }}
           >
-            {`Switch to ${networkLabel}`}
+            Switch to <NetworkName>{networkLabel}</NetworkName>
           </Button>
         </Modal.Footer>
       </Modal>
diff --git a/src/components/LanguageSelector/index.tsx b/src/components/LanguageSelector/index.tsx
new file mode 100644
index 000000000..57d35acf0
--- /dev/null
+++ b/src/components/LanguageSelector/index.tsx
@@ -0,0 +1,140 @@
+"use client";
+
+import { useEffect, useRef, useState } from "react";
+import { Icon } from "@stellar/design-system";
+
+import {
+  getActiveLanguage,
+  resetLanguage,
+  selectLanguage,
+} from "@/helpers/translate";
+
+import "./styles.scss";
+
+const LANGUAGES = [
+  { code: "en", label: "English" },
+  { code: "es", label: "Español" },
+  { code: "fr", label: "Français" },
+  { code: "pt", label: "Português" },
+  { code: "de", label: "Deutsch" },
+  { code: "zh-CN", label: "中文 (简体)" },
+  { code: "ja", label: "日本語" },
+  { code: "ko", label: "한국어" },
+  { code: "ru", label: "Русский" },
+  { code: "ar", label: "العربية" },
+  { code: "hi", label: "हिन्दी" },
+  { code: "tr", label: "Türkçe" },
+];
+
+export const LanguageSelector = () => {
+  const [isOpen, setIsOpen] = useState(false);
+  const [activeCode, setActiveCode] = useState("en");
+  const [menuStyle, setMenuStyle] = useState<React.CSSProperties>({});
+
+  const triggerRef = useRef<HTMLButtonElement>(null);
+  const menuRef = useRef<HTMLDivElement>(null);
+
+  // Read cookie only on the client after mount
+  useEffect(() => {
+    setActiveCode(getActiveLanguage());
+  }, []);
+
+  const handleToggle = () => {
+    if (!isOpen && triggerRef.current) {
+      const rect = triggerRef.current.getBoundingClientRect();
+      // Position the menu above the trigger using fixed coordinates
+      setMenuStyle({
+        bottom: window.innerHeight - rect.top + 8,
+        left: rect.left,
+        width: Math.max(rect.width, 192),
+      });
+    }
+    setIsOpen((prev) => !prev);
+  };
+
+  const handleSelect = (code: string) => {
+    setIsOpen(false);
+    if (code === "en") {
+      resetLanguage();
+    } else {
+      selectLanguage(code);
+    }
+  };
+
+  // Close on outside click or Escape
+  useEffect(() => {
+    if (!isOpen) return;
+
+    const onOutsideClick = (e: MouseEvent) => {
+      if (
+        !triggerRef.current?.contains(e.target as Node) &&
+        !menuRef.current?.contains(e.target as Node)
+      ) {
+        setIsOpen(false);
+      }
+    };
+
+    const onEscape = (e: KeyboardEvent) => {
+      if (e.key === "Escape") setIsOpen(false);
+    };
+
+    document.addEventListener("mousedown", onOutsideClick);
+    document.addEventListener("keydown", onEscape);
+    return () => {
+      document.removeEventListener("mousedown", onOutsideClick);
+      document.removeEventListener("keydown", onEscape);
+    };
+  }, [isOpen]);
+
+  const activeLabel =
+    LANGUAGES.find((l) => l.code === activeCode)?.label ?? "English";
+
+  return (
+    <div className="LanguageSelector">
+      <button
+        ref={triggerRef}
+        className="LanguageSelector__trigger SidebarLink"
+        onClick={handleToggle}
+        aria-expanded={isOpen}
+        aria-haspopup="menu"
+        aria-label={`Language: ${activeLabel}`}
+        data-testid="language-selector-trigger"
+      >
+        <Icon.Globe02 />
+        <span>Language:{" "}<span className="notranslate">{activeLabel}</span></span>
+        <Icon.ChevronDown className="LanguageSelector__chevron" />
+      </button>
+
+      {isOpen && (
+        <div
+          ref={menuRef}
+          className="LanguageSelector__menu"
+          // eslint-disable-next-line react/forbid-dom-props
+          style={menuStyle}
+          role="menu"
+          aria-label="Select language"
+          data-testid="language-selector-menu"
+        >
+          {LANGUAGES.map(({ code, label }) => (
+            <button
+              key={code}
+              className="LanguageSelector__option"
+              data-is-active={code === activeCode}
+              role="menuitemradio"
+              aria-checked={code === activeCode}
+              onClick={() => handleSelect(code)}
+              data-testid="language-selector-option"
+            >
+              <span className="notranslate">{label}</span>
+              {code === activeCode && (
+                <span className="LanguageSelector__option__current">
+                  Current
+                </span>
+              )}
+            </button>
+          ))}
+        </div>
+      )}
+    </div>
+  );
+};
diff --git a/src/components/LanguageSelector/styles.scss b/src/components/LanguageSelector/styles.scss
new file mode 100644
index 000000000..17ad23b38
--- /dev/null
+++ b/src/components/LanguageSelector/styles.scss
@@ -0,0 +1,77 @@
+@use "../../styles/utils.scss" as *;
+
+.LanguageSelector {
+  &__trigger {
+    // Reset <button> defaults so SidebarLink styles apply cleanly
+    width: 100%;
+    background: none;
+    border: none;
+    cursor: pointer;
+    text-align: left;
+  }
+
+  &__chevron {
+    flex-shrink: 0;
+    transition: transform var(--sds-anim-transition-default);
+
+    [aria-expanded="true"] & {
+      transform: rotate(180deg);
+    }
+  }
+
+  &__menu {
+    // Fixed positioning escapes both `overflow: hidden` ancestors
+    // (LabLayout__withSidebar and LabLayout__sidebar)
+    position: fixed;
+    z-index: 200;
+
+    background-color: var(--sds-clr-gray-01);
+    border: 1px solid var(--sds-clr-gray-06);
+    border-radius: pxToRem(8px);
+    padding: pxToRem(4px);
+    box-shadow:
+      0 pxToRem(4px) pxToRem(8px) rgba(0, 0, 0, 0.08),
+      0 pxToRem(8px) pxToRem(24px) rgba(0, 0, 0, 0.08);
+  }
+
+  &__option {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: pxToRem(8px);
+    width: 100%;
+    padding: pxToRem(6px) pxToRem(8px);
+    background: none;
+    border: none;
+    border-radius: pxToRem(4px);
+    cursor: pointer;
+    font-size: pxToRem(14px);
+    line-height: pxToRem(20px);
+    font-weight: var(--sds-fw-medium);
+    color: var(--sds-clr-gray-11);
+    text-align: left;
+    transition: background-color var(--sds-anim-transition-default);
+
+    @media (hover: hover) {
+      &:hover {
+        background-color: var(--sds-clr-gray-03);
+        color: var(--sds-clr-gray-12);
+      }
+    }
+
+    &[data-is-active="true"] {
+      color: var(--sds-clr-lilac-11);
+      font-weight: var(--sds-fw-semi-bold);
+    }
+  }
+
+  &__option__current {
+    font-size: pxToRem(12px);
+    font-weight: var(--sds-fw-medium);
+    color: var(--sds-clr-gray-09);
+    background-color: var(--sds-clr-gray-03);
+    border-radius: pxToRem(4px);
+    padding: pxToRem(2px) pxToRem(6px);
+    flex-shrink: 0;
+  }
+}
diff --git a/src/components/NetworkIndicator/index.tsx b/src/components/NetworkIndicator/index.tsx
index efa869e13..0f0bb8d38 100644
--- a/src/components/NetworkIndicator/index.tsx
+++ b/src/components/NetworkIndicator/index.tsx
@@ -8,7 +8,7 @@ export const NetworkIndicator = ({
   networkLabel: string;
 }) => {
   return (
-    <div className="NetworkIndicator">
+    <div className="NetworkIndicator notranslate">
       <span
         className="NetworkIndicator__dot"
         aria-hidden="true"
diff --git a/src/components/NetworkName.tsx b/src/components/NetworkName.tsx
new file mode 100644
index 000000000..6ad88644d
--- /dev/null
+++ b/src/components/NetworkName.tsx
@@ -0,0 +1,8 @@
+/**
+ * Renders a Stellar network name (Mainnet, Testnet, Futurenet, etc.) as a
+ * non-translatable span. Network names are proper nouns that should never be
+ * translated by browser translation engines like Google Translate.
+ */
+export const NetworkName = ({ children }: { children: React.ReactNode }) => (
+  <span className="notranslate">{children}</span>
+);
diff --git a/src/components/NetworkSelector/index.tsx b/src/components/NetworkSelector/index.tsx
index f6985d0b2..9777f8d1d 100644
--- a/src/components/NetworkSelector/index.tsx
+++ b/src/components/NetworkSelector/index.tsx
@@ -10,6 +10,7 @@ import React, {
 import { Button, Icon, Input, Notification } from "@stellar/design-system";
 
 import { NetworkIndicator } from "@/components/NetworkIndicator";
+import { NetworkName } from "@/components/NetworkName";
 import { LoadNetworkModal } from "@/components/NetworkSelector/LoadNetworkModal";
 import { NetworkOptions } from "@/constants/settings";
 import { useStore } from "@/store/useStore";
@@ -327,10 +328,10 @@ export const NetworkSelector = () => {
 
   const getButtonLabel = () => {
     if (activeNetwork.id === "custom") {
-      return "Switch to Custom Network";
+      return <>Switch to <NetworkName>Custom Network</NetworkName></>;
     }
 
-    return `Switch to ${getNetworkById(activeNetwork.id)?.label.toLowerCase()}`;
+    return <>Switch to <NetworkName>{getNetworkById(activeNetwork.id)?.label}</NetworkName></>;
   };
 
   const toggleDropdown = (show: boolean) => {
diff --git a/src/components/NoTranslate.tsx b/src/components/NoTranslate.tsx
new file mode 100644
index 000000000..0dc6e49ba
--- /dev/null
+++ b/src/components/NoTranslate.tsx
@@ -0,0 +1,12 @@
+/**
+ * Wraps children in a span that signals to Google Translate that the
+ * contents must not be translated. Use this around any technical Stellar
+ * data (hashes, public keys, XDR strings, contract IDs, etc.) that would
+ * become invalid or misleading if machine-translated.
+ *
+ * @example
+ * <NoTranslate>{txHash}</NoTranslate>
+ */
+export const NoTranslate = ({ children }: { children: React.ReactNode }) => (
+  <span className="notranslate">{children}</span>
+);
diff --git a/src/components/PrettyJson/index.tsx b/src/components/PrettyJson/index.tsx
index 718d1388f..60645ddb6 100644
--- a/src/components/PrettyJson/index.tsx
+++ b/src/components/PrettyJson/index.tsx
@@ -314,7 +314,10 @@ export const PrettyJson = ({
   }
 
   return (
-    <div className="PrettyJson" data-code-wrapped={Boolean(isCodeWrapped)}>
+    <div
+      className="PrettyJson notranslate"
+      data-code-wrapped={Boolean(isCodeWrapped)}
+    >
       <Bracket char="{" />
       {render(json)}
       <Bracket char="}" isEnd />
diff --git a/src/components/StellarDataRenderer/index.tsx b/src/components/StellarDataRenderer/index.tsx
index b6a0f0d21..1849602bd 100644
--- a/src/components/StellarDataRenderer/index.tsx
+++ b/src/components/StellarDataRenderer/index.tsx
@@ -428,7 +428,7 @@ export const ScValPrettyJson = ({
 
   // Entry point: render JSON, if provided, or parse XDR to JSON
   return (
-    <div className="StellarDataRenderer">
+    <div className="StellarDataRenderer notranslate">
       {render({ item: json ? json : parseJson() })}
     </div>
   );
@@ -644,7 +644,9 @@ export const ClassicOpPrettyJson = ({ value }: { value: any }) => {
     }
   };
 
-  return <div className="StellarDataRenderer">{renderValue(value)}</div>;
+  return (
+    <div className="StellarDataRenderer notranslate">{renderValue(value)}</div>
+  );
 };
 
 // =============================================================================
diff --git a/src/components/SwitchNetworkButtons.tsx b/src/components/SwitchNetworkButtons.tsx
index 11921b9d5..a400c27a0 100644
--- a/src/components/SwitchNetworkButtons.tsx
+++ b/src/components/SwitchNetworkButtons.tsx
@@ -1,4 +1,5 @@
 import { Button } from "@stellar/design-system";
+import { NetworkName } from "@/components/NetworkName";
 import { useSwitchNetwork } from "@/hooks/useSwitchNetwork";
 import { trackEvent, TrackingEvent } from "@/metrics/tracking";
 import { NetworkType } from "@/types/types";
@@ -29,7 +30,7 @@ export const SwitchNetworkButtons = ({
             });
           }}
         >
-          {`Switch to ${n}`}
+          Switch to <NetworkName>{n}</NetworkName>
         </Button>
       ))}
     </>
diff --git a/src/components/TxHashLink.tsx b/src/components/TxHashLink.tsx
index 816719f9c..e82942d11 100644
--- a/src/components/TxHashLink.tsx
+++ b/src/components/TxHashLink.tsx
@@ -1,4 +1,5 @@
 import { SdsLink } from "@/components/SdsLink";
+import { NoTranslate } from "@/components/NoTranslate";
 import { buildEndpointHref } from "@/helpers/buildEndpointHref";
 import { Routes } from "@/constants/routes";
 
@@ -11,6 +12,6 @@ export const TxHashLink = ({ txHash }: { txHash: string }) => (
     isUnderline
     variant="secondary"
   >
-    {txHash}
+    <NoTranslate>{txHash}</NoTranslate>
   </SdsLink>
 );
diff --git a/src/components/TxResponse/index.tsx b/src/components/TxResponse/index.tsx
index 14d833383..1815b1d76 100644
--- a/src/components/TxResponse/index.tsx
+++ b/src/components/TxResponse/index.tsx
@@ -1,6 +1,7 @@
 import "./styles.scss";
 
 import { Box } from "@/components/layout/Box";
+import { NoTranslate } from "@/components/NoTranslate";
 
 export const TxResponse = ({
   label,
@@ -13,6 +14,8 @@ export const TxResponse = ({
 }) => (
   <Box gap="xs">
     <div>{label}</div>
-    <div className="TxResponse__value">{value || item}</div>
+    <div className="TxResponse__value">
+      <NoTranslate>{value || item}</NoTranslate>
+    </div>
   </Box>
 );
diff --git a/src/components/XdrLink.tsx b/src/components/XdrLink.tsx
index 85c08c7a6..235e96112 100644
--- a/src/components/XdrLink.tsx
+++ b/src/components/XdrLink.tsx
@@ -1,5 +1,6 @@
 import { buildEndpointHref } from "@/helpers/buildEndpointHref";
 import { SdsLink } from "./SdsLink";
+import { NoTranslate } from "@/components/NoTranslate";
 import { Routes } from "@/constants/routes";
 
 export const XdrLink = ({ xdr, type }: { xdr: string; type: string }) => (
@@ -12,6 +13,6 @@ export const XdrLink = ({ xdr, type }: { xdr: string; type: string }) => (
     isUnderline
     variant="secondary"
   >
-    {xdr}
+    <NoTranslate>{xdr}</NoTranslate>
   </SdsLink>
 );
diff --git a/src/components/XdrTypeSelect/index.tsx b/src/components/XdrTypeSelect/index.tsx
index bbe175496..d25de2040 100644
--- a/src/components/XdrTypeSelect/index.tsx
+++ b/src/components/XdrTypeSelect/index.tsx
@@ -183,7 +183,7 @@ export const XdrTypeSelect = ({
         />
 
         <div
-          className="XdrTypeSelect__options"
+          className="XdrTypeSelect__options notranslate"
           data-is-visible={isOptionsVisible}
           data-testid="xdr-type-select-options"
         >
diff --git a/src/components/layout/LayoutSidebarContent.tsx b/src/components/layout/LayoutSidebarContent.tsx
index 06437d5cb..d1d44a397 100644
--- a/src/components/layout/LayoutSidebarContent.tsx
+++ b/src/components/layout/LayoutSidebarContent.tsx
@@ -8,6 +8,7 @@ import { NAV } from "@/constants/navItems";
 
 import { NextLink } from "@/components/NextLink";
 import { NavLink } from "@/components/NavLink";
+import { LanguageSelector } from "@/components/LanguageSelector";
 
 import { WindowContext } from "./LayoutContextProvider";
 
@@ -33,6 +34,7 @@ export const LayoutSidebarContent = ({ children }: { children: ReactNode }) => {
           {/* External links */}
           <div className="LabLayout__sidebar--bottom">
             <div className="LabLayout__sidebar__wrapper">
+              <LanguageSelector />
               <NextLink
                 href="https://developers.stellar.org/docs/tools/lab"
                 className="SidebarLink"
diff --git a/src/constants/networkLimits.ts b/src/constants/networkLimits.ts
index 6e27e2c03..f8df6b5fa 100644
--- a/src/constants/networkLimits.ts
+++ b/src/constants/networkLimits.ts
@@ -83,36 +83,36 @@ export const MAINNET_LIMITS: NetworkLimits = {
   "persistent_rent_rate_denominator": "1215",
   "temp_rent_rate_denominator": "2430",
   "live_soroban_state_size_window": [
-    "758936950",
-    "759376226",
-    "759679514",
-    "760827306",
-    "761398398",
-    "761627630",
-    "762239906",
-    "762824910",
-    "763861646",
-    "763985058",
-    "764377838",
-    "764917490",
-    "765611974",
-    "766676030",
-    "766869714",
-    "767463594",
-    "767995582",
-    "768761426",
-    "769797810",
-    "769856462",
-    "770462214",
-    "770878734",
-    "771515750",
-    "772349350",
-    "772413626",
-    "773053426",
-    "773624586",
-    "774254870",
-    "775248918",
-    "775415062"
+    "979325729",
+    "980040889",
+    "980371989",
+    "981399385",
+    "982628141",
+    "983191085",
+    "983898117",
+    "984366517",
+    "985372593",
+    "986572797",
+    "987260285",
+    "987988269",
+    "988423717",
+    "989578849",
+    "990841681",
+    "992011366",
+    "992790830",
+    "993206234",
+    "994428606",
+    "995549446",
+    "996095994",
+    "996898198",
+    "997322462",
+    "998604866",
+    "999727686",
+    "1000180634",
+    "1000981098",
+    "1001414102",
+    "1002725798",
+    "1003787742"
   ],
   "state_target_size_bytes": "3000000000",
   "rent_fee_1kb_state_size_low": "-17000",
@@ -151,36 +151,36 @@ export const TESTNET_LIMITS: NetworkLimits = {
   "persistent_rent_rate_denominator": "1215",
   "temp_rent_rate_denominator": "2430",
   "live_soroban_state_size_window": [
-    "1248280975",
-    "1248287411",
-    "1248438656",
-    "1248958415",
-    "1249581372",
-    "1249591456",
-    "1249618428",
-    "1250262924",
-    "1251387160",
-    "1251392532",
-    "1254372170",
-    "1254383826",
-    "1255189603",
-    "1242949631",
-    "1241004823",
-    "1241031295",
-    "1241043835",
-    "1241075155",
-    "1241080627",
-    "1241734796",
-    "1241743476",
-    "1241751732",
-    "1241756256",
-    "1241244748",
-    "1241220984",
-    "1241959905",
-    "1241969621",
-    "1242576929",
-    "1229447771",
-    "1229330345"
+    "823999698",
+    "825303398",
+    "830281110",
+    "830302942",
+    "838139642",
+    "838137058",
+    "836884350",
+    "832021979",
+    "831298239",
+    "831305727",
+    "831556600",
+    "831573600",
+    "835534967",
+    "835680094",
+    "835684586",
+    "835689362",
+    "835694062",
+    "835704942",
+    "835511930",
+    "835516070",
+    "835673164",
+    "836658798",
+    "836587974",
+    "830616960",
+    "821902470",
+    "821910458",
+    "821770170",
+    "821794826",
+    "821803250",
+    "821815842"
   ],
   "state_target_size_bytes": "3000000000",
   "rent_fee_1kb_state_size_low": "-17000",
@@ -219,36 +219,36 @@ export const FUTURENET_LIMITS: NetworkLimits = {
   "persistent_rent_rate_denominator": "1215",
   "temp_rent_rate_denominator": "2430",
   "live_soroban_state_size_window": [
-    "49571857",
-    "49571857",
-    "49571857",
-    "49571857",
-    "49571857",
-    "49571857",
-    "49571857",
-    "49571857",
-    "49571857",
-    "49571857",
-    "49571857",
-    "49571857",
-    "49571857",
-    "49571857",
-    "49571857",
-    "49571857",
-    "49571857",
-    "49571857",
-    "49571857",
-    "49571857",
-    "49571857",
-    "49571857",
-    "49571857",
-    "49571857",
-    "49571857",
-    "49571857",
-    "49571857",
-    "49571857",
-    "49571857",
-    "49571857"
+    "58860059",
+    "58860059",
+    "58860059",
+    "58860059",
+    "58860059",
+    "58860059",
+    "58860059",
+    "58860059",
+    "58860059",
+    "58860059",
+    "58860059",
+    "58860059",
+    "58860059",
+    "58860059",
+    "58860059",
+    "58860059",
+    "58860059",
+    "58860059",
+    "58860059",
+    "58860059",
+    "58860059",
+    "58860059",
+    "58860059",
+    "58860059",
+    "58860059",
+    "58860059",
+    "58860059",
+    "58859835",
+    "58859835",
+    "58859835"
   ],
   "state_target_size_bytes": "3000000000",
   "rent_fee_1kb_state_size_low": "-17000",
diff --git a/src/helpers/translate.ts b/src/helpers/translate.ts
new file mode 100644
index 000000000..b3b20637a
--- /dev/null
+++ b/src/helpers/translate.ts
@@ -0,0 +1,65 @@
+/**
+ * Expires the googtrans cookie at every possible domain level.
+ *
+ * Google Translate's own script sets a googtrans cookie scoped to the
+ * registrable domain (e.g. .stellar-ops.com) rather than the exact host.
+ * We must expire it at every parent domain level so it doesn't survive a
+ * language switch and cause the page to re-translate to the old language.
+ */
+const clearGoogTransCookies = (): void => {
+  const expire = "expires=Thu, 01 Jan 1970 00:00:00 UTC";
+  const parts = window.location.hostname.split(".");
+
+  for (let i = 0; i < parts.length - 1; i++) {
+    const domain = parts.slice(i).join(".");
+    document.cookie = `googtrans=; path=/; domain=${domain}; ${expire}`;
+    document.cookie = `googtrans=; path=/; domain=.${domain}; ${expire}`;
+  }
+
+  // Also clear the host-only (no domain attribute) cookie
+  document.cookie = `googtrans=; path=/; ${expire}`;
+};
+
+/**
+ * Sets the Google Translate language cookie and reloads the page.
+ *
+ * Clears all existing googtrans cookies at every domain level first to
+ * prevent stale cookies (set by Google Translate's own script at a parent
+ * domain) from overriding the new selection on reload.
+ *
+ * @param languageCode - BCP 47 language code (e.g. 'es', 'fr', 'pt', 'zh-CN')
+ *
+ * @example
+ * selectLanguage('es'); // translates to Spanish and reloads
+ */
+export const selectLanguage = (languageCode: string): void => {
+  clearGoogTransCookies();
+  document.cookie = `googtrans=/en/${languageCode}; path=/`;
+  window.location.reload();
+};
+
+/**
+ * Clears the Google Translate cookie and reloads the page, returning
+ * the UI to English.
+ *
+ * @example
+ * resetLanguage(); // returns to English and reloads
+ */
+export const resetLanguage = (): void => {
+  clearGoogTransCookies();
+  window.location.reload();
+};
+
+/**
+ * Reads the active Google Translate language from the `googtrans` cookie.
+ *
+ * @returns The active language code (e.g. 'es') or 'en' if no translation
+ *   cookie is set.
+ *
+ * @example
+ * const lang = getActiveLanguage(); // 'es'
+ */
+export const getActiveLanguage = (): string => {
+  const match = document.cookie.match(/googtrans=\/en\/([^;]+)/);
+  return match ? match[1] : "en";
+};
diff --git a/src/middleware.ts b/src/middleware.ts
index 187bc04a7..b94ca61e9 100644
--- a/src/middleware.ts
+++ b/src/middleware.ts
@@ -12,13 +12,13 @@ export function middleware(request: NextRequest) {
   const cspHeader = `
     default-src 'self';
     script-src 'self' 'nonce-${nonce}' 'strict-dynamic' https: 'unsafe-inline' 'unsafe-eval';
-    script-src-elem 'self' 'nonce-${nonce}' 'strict-dynamic' https://www.googletagmanager.com/ https: 'unsafe-inline';
+    script-src-elem 'self' 'nonce-${nonce}' 'strict-dynamic' https://www.googletagmanager.com/ https://translate.google.com https://translate.googleapis.com https: 'unsafe-inline';
     style-src 'self' https: 'unsafe-inline';
-    img-src 'self' https://stellar.creit.tech/wallet-icons/ https://www.googletagmanager.com/ https://storage.herewallet.app/ blob: data:;
+    img-src 'self' https://stellar.creit.tech/wallet-icons/ https://www.googletagmanager.com/ https://storage.herewallet.app/ https://www.gstatic.com/ https://fonts.gstatic.com/ https://www.google.com/ https://translate.google.com https://translate.googleapis.com blob: data:;
     connect-src 'self' http://localhost:* https:;
-    font-src 'self' https://fonts.gstatic.com/ https://cdn.jsdelivr.net/npm/monaco-editor@0.52.2/min/vs/base/browser/ui/codicons/codicon/codicon.ttf;
+    font-src 'self' https://fonts.gstatic.com/ https://cdn.jsdelivr.net/npm/monaco-editor@0.52.2/min/vs/base/browser/ui/codicons/codicon/codicon.ttf data:;
     object-src 'none';
-    frame-src 'self' https://connect.trezor.io/ https://hot-labs.org/ https://www.youtube.com/;
+    frame-src 'self' https://connect.trezor.io/ https://hot-labs.org/ https://www.youtube.com/ https://translate.google.com https://translate.googleapis.com;
     base-uri 'self';
     form-action 'self';
     frame-ancestors 'none';
diff --git a/src/styles/globals.scss b/src/styles/globals.scss
index 9d62edfe8..f2dd72d46 100644
--- a/src/styles/globals.scss
+++ b/src/styles/globals.scss
@@ -1483,3 +1483,34 @@
 #stella-embed > button {
   display: none !important;
 }
+
+// =============================================================================
+// Google Translate: suppress injected UI and prevent layout shifts
+// =============================================================================
+
+// Prevent Google Translate from shifting the page down when it injects a
+// top banner. The engine sets `body { top: -40px }` via an injected style;
+// this rule wins back that space.
+body {
+  top: 0 !important;
+}
+
+// Hide the Google Translate toolbar banner and its outer wrapper entirely.
+// We drive language selection through our own cookie-based UI.
+.goog-te-banner-frame,
+.skiptranslate {
+  display: none !important;
+}
+
+// =============================================================================
+// Sidebar: allow the language-selector drop-up to escape the sidebar boundary
+// =============================================================================
+
+// The sidebar has overflow-y: hidden and its parent has overflow: hidden, so
+// any absolutely-positioned popup would be clipped. The language selector
+// component must use `position: fixed` for its dropdown so that it paints
+// above both overflow containers. The rule below is a safety net that removes
+// overflow clipping from the bottom area where the trigger button lives.
+.LabLayout__sidebar--bottom {
+  overflow: visible;
+}
diff --git a/tests/e2e/fundAccountPage.test.ts b/tests/e2e/fundAccountPage.test.ts
index d905061f8..6650d53c6 100644
--- a/tests/e2e/fundAccountPage.test.ts
+++ b/tests/e2e/fundAccountPage.test.ts
@@ -47,7 +47,7 @@ test.describe("[futurenet/testnet] Fund Account Page", () => {
     const submitButton = page.getByTestId("networkSelector-submit-button");
 
     // Select 'Futurenet' in the network dropdown list
-    await expect(submitButton).toHaveText("Switch to futurenet");
+    await expect(submitButton).toHaveText("Switch to Futurenet");
     await expect(submitButton).toBeEnabled();
 
     // Click 'Switch to Futurenet' button
diff --git a/tests/e2e/languageSelector.test.ts b/tests/e2e/languageSelector.test.ts
new file mode 100644
index 000000000..ec4ca8767
--- /dev/null
+++ b/tests/e2e/languageSelector.test.ts
@@ -0,0 +1,91 @@
+import { test, expect } from "@playwright/test";
+
+test.describe("Language selector", () => {
+  test.beforeEach(async ({ page }) => {
+    await page.goto("/");
+  });
+
+  test("Defaults to English", async ({ page }) => {
+    await expect(page.getByTestId("language-selector-trigger")).toHaveText(
+      "Language: English",
+    );
+    await expect(page.getByTestId("language-selector-menu")).toBeHidden();
+  });
+
+  test("Opens dropdown and shows language options", async ({ page }) => {
+    await page.getByTestId("language-selector-trigger").click();
+    await expect(page.getByTestId("language-selector-menu")).toBeVisible();
+    await expect(page.getByTestId("language-selector-option")).toContainText([
+      "English",
+      "Español",
+      "Français",
+      "Português",
+      "Deutsch",
+      "中文 (简体)",
+      "日本語",
+      "한국어",
+      "Русский",
+      "العربية",
+      "हिन्दी",
+      "Türkçe",
+    ]);
+  });
+
+  test("Active language shows Current marker", async ({ page }) => {
+    await page.getByTestId("language-selector-trigger").click();
+
+    const activeOption = page
+      .getByTestId("language-selector-option")
+      .filter({ hasText: "English" });
+
+    await expect(activeOption).toHaveAttribute("data-is-active", "true");
+    await expect(activeOption).toContainText("Current");
+  });
+
+  test("Escape closes the dropdown", async ({ page }) => {
+    await page.getByTestId("language-selector-trigger").click();
+    await expect(page.getByTestId("language-selector-menu")).toBeVisible();
+
+    await page.keyboard.press("Escape");
+    await expect(page.getByTestId("language-selector-menu")).toBeHidden();
+  });
+
+  test("Selecting a language sets the googtrans cookie", async ({
+    page,
+    context,
+  }) => {
+    await page.getByTestId("language-selector-trigger").click();
+
+    await page
+      .getByTestId("language-selector-option")
+      .filter({ hasText: "Español" })
+      .click();
+    await page.waitForLoadState("load");
+
+    const cookies = await context.cookies();
+    const googtrans = cookies.find((c) => c.name === "googtrans");
+    expect(googtrans?.value).toBe("/en/es");
+  });
+
+  test("Selecting English resets the language", async ({ page, context }) => {
+    // Set a non-English language first
+    await page.getByTestId("language-selector-trigger").click();
+    await page
+      .getByTestId("language-selector-option")
+      .filter({ hasText: "Español" })
+      .click();
+    await page.waitForLoadState("load");
+
+    // Reset back to English
+    await page.getByTestId("language-selector-trigger").click();
+    await page
+      .getByTestId("language-selector-option")
+      .filter({ hasText: "English" })
+      .click();
+    await page.waitForLoadState("load");
+
+    const cookies = await context.cookies();
+    const googtrans = cookies.find((c) => c.name === "googtrans");
+    expect(googtrans).toBeUndefined();
+  });
+});
diff --git a/tests/e2e/networkSelector.test.ts b/tests/e2e/networkSelector.test.ts
index 3decc94b1..a36c8969b 100644
--- a/tests/e2e/networkSelector.test.ts
+++ b/tests/e2e/networkSelector.test.ts
@@ -66,7 +66,7 @@ test.describe("Network selector", () => {
 
     // Submit button
     const submitButton = page.getByTestId("networkSelector-submit-button");
-    await expect(submitButton).toHaveText("Switch to testnet");
+    await expect(submitButton).toHaveText("Switch to Testnet");
     await expect(submitButton).toBeDisabled();
   });
 
@@ -110,7 +110,7 @@ test.describe("Network selector", () => {
 
     // Submit button
     const submitButton = page.getByTestId("networkSelector-submit-button");
-    await expect(submitButton).toHaveText("Switch to futurenet");
+    await expect(submitButton).toHaveText("Switch to Futurenet");
     await expect(submitButton).toBeEnabled();
 
     // Network not changed until the submit button is clicked
diff --git a/tests/e2e/savedRequests.test.ts b/tests/e2e/savedRequests.test.ts
index 8678d26d9..0e47ff6d5 100644
--- a/tests/e2e/savedRequests.test.ts
+++ b/tests/e2e/savedRequests.test.ts
@@ -30,7 +30,7 @@ test.describe("Saved Requests Page", () => {
     await rpcTab.click();
 
     await expect(
-      container.getByText("There are no saved RPC Methods Testnet network"),
+      container.getByText("There are no saved RPC Methods on Testnet network"),
     ).toBeVisible();
   });
 
diff --git a/tests/e2e/smartContractsStorage.test.ts b/tests/e2e/smartContractsStorage.test.ts
index 0d327ec4a..4f197b003 100644
--- a/tests/e2e/smartContractsStorage.test.ts
+++ b/tests/e2e/smartContractsStorage.test.ts
@@ -52,6 +52,12 @@ test.describe("Smart Contracts: Contract Storage", () => {
       .getByTestId("contract-contract-storage")
       .getByText("Contract Storage")
       .click();
+
+    // Wait for the table to be visible, then a further 150ms so the Dropdown
+    // filter components' 100ms mount setTimeout has fully fired before any
+    // test interacts with the filter headers.
+    await page.getByTestId("contract-storage-table").waitFor({ state: "visible" });
+    await page.waitForTimeout(150);
   });
 
   test("Loads", async ({ page }) => {