diff --git a/apps/shell/src/i18n/en.json b/apps/shell/src/i18n/en.json
index 3d4ae4773..a912bb1e6 100644
--- a/apps/shell/src/i18n/en.json
+++ b/apps/shell/src/i18n/en.json
@@ -42,7 +42,9 @@
     "undelegate": "Undelegate",
     "redelegate": "Redelegate"
   },
-  "governance": {},
+  "governance": {
+    "your-balance": "Your balance: {{localedBalance}} {{localedSymbolUpperCase}}"
+  },
   "main": {},
   "stacking": {
     "attention-withdrawal-warning": "Attention! If in the future you want to withdraw the staked funds, it will take {{count}} day{count, plural, one {} other {s}}",
diff --git a/libs/governance/src/index.ts b/libs/governance/src/index.ts
index 5873e7a12..dfc96009f 100644
--- a/libs/governance/src/index.ts
+++ b/libs/governance/src/index.ts
@@ -1,3 +1,4 @@
 export * from './lib/proposal-list-page';
 export * from './lib/proposal-details-page';
 export * from './lib/components/proposal-list-card';
+export * from './lib/hooks/useGetProposalTypeText';
diff --git a/libs/governance/src/lib/components/parameter-change-proposal.tsx b/libs/governance/src/lib/components/parameter-change-proposal.tsx
index cceb252a7..193872130 100644
--- a/libs/governance/src/lib/components/parameter-change-proposal.tsx
+++ b/libs/governance/src/lib/components/parameter-change-proposal.tsx
@@ -1,4 +1,5 @@
 import { ParameterChangeProposalContent } from '@evmos/provider';
+import { useTranslate } from '@tolgee/react';
 import { Heading } from '@haqq/shell-ui-kit/server';
 import { Metadata } from './metadata';
 
@@ -7,6 +8,7 @@ export function ParameterChangeProposalDetails({
 }: {
   content: ParameterChangeProposalContent;
 }) {
+  const { t } = useTranslate('governance');
   return (
     <div>
       <div className="mb-[16px] flex flex-row items-center">
@@ -26,7 +28,7 @@ export function ParameterChangeProposalDetails({
         </svg>
 
         <Heading level={3} className="mb-[-2px] ml-[8px]">
-          Parameter changes
+          {t('parameter-changes', 'Parameter changes')}
         </Heading>
       </div>
       <Metadata>{JSON.stringify(content.changes, null, 2)}</Metadata>
diff --git a/libs/governance/src/lib/components/proposal-deposit-modal.tsx b/libs/governance/src/lib/components/proposal-deposit-modal.tsx
index c262a88f2..ad6de4164 100644
--- a/libs/governance/src/lib/components/proposal-deposit-modal.tsx
+++ b/libs/governance/src/lib/components/proposal-deposit-modal.tsx
@@ -1,5 +1,6 @@
 'use client';
 import { useCallback, useEffect, useMemo, useState } from 'react';
+import { useTranslate } from '@tolgee/react';
 import clsx from 'clsx';
 import {
   Button,
@@ -65,6 +66,7 @@ export function ProposalDepositModal({
   onSubmit: (amount: number) => void;
   isPending?: boolean;
 }) {
+  const { t } = useTranslate('governance');
   const [depositAmount, setDepositAmount] = useState<number | undefined>(
     undefined,
   );
@@ -101,13 +103,21 @@ export function ProposalDepositModal({
 
   const amountHint = useMemo(() => {
     if (amountError === 'min') {
-      return <span className="text-haqq-danger">Bellow minimal value</span>;
+      return (
+        <span className="text-haqq-danger">
+          {t('amount-error-min', 'Bellow minimal value')}
+        </span>
+      );
     } else if (amountError === 'max') {
-      return <span className="text-haqq-danger">More than you have</span>;
+      return (
+        <span className="text-haqq-danger">
+          {t('amount-error-more-than-have', 'More than you have')}
+        </span>
+      );
     }
 
     return undefined;
-  }, [amountError]);
+  }, [amountError, t]);
 
   const handleMaxButtonClick = useCallback(() => {
     setDepositAmount(balance);
@@ -129,12 +139,12 @@ export function ProposalDepositModal({
         <div className="flex w-full flex-col space-y-6">
           <div className="divide-haqq-border divide-y divide-dashed">
             <div className="pb-[24px] pt-[24px] sm:pt-[4px]">
-              <ModalHeading>Deposit</ModalHeading>
+              <ModalHeading>{t('deposit', 'Deposit')}</ModalHeading>
             </div>
             <div className="py-[24px]">
               <div className="flex flex-col gap-[8px]">
                 <DepositModalDetails
-                  title="My balance"
+                  title={t('my-balance', 'My balance')}
                   value={`${balance.toLocaleString()} ${symbol.toUpperCase()}`}
                 />
               </div>
@@ -157,7 +167,7 @@ export function ProposalDepositModal({
                   disabled={!isDepositEnabled || !depositAmount}
                   isLoading={isPending}
                 >
-                  Confirm delegation
+                  {t('confirm-delegation', 'Confirm delegation')}
                 </Button>
               </div>
             </div>
diff --git a/libs/governance/src/lib/components/proposal-list-card.tsx b/libs/governance/src/lib/components/proposal-list-card.tsx
index f40f369de..a391e1c3e 100644
--- a/libs/governance/src/lib/components/proposal-list-card.tsx
+++ b/libs/governance/src/lib/components/proposal-list-card.tsx
@@ -6,7 +6,7 @@ import {
   TallyResults,
 } from '@haqq/data-access-cosmos';
 import { ProposalCard, ProposalStatusEnum } from '@haqq/shell-ui-kit/server';
-import { getProposalTypeText } from '../proposal-details-page';
+import { useGetProposalTypeText } from '../hooks/useGetProposalTypeText';
 
 export function ProposalListCard({
   proposal,
@@ -54,7 +54,7 @@ export function ProposalListCard({
       minDeposit={minDeposit}
       results={proposalTally}
       symbol={symbol}
-      type={getProposalTypeText(proposal.content['@type'])}
+      type={useGetProposalTypeText(proposal.content['@type'])}
       userVote={userVote}
       className={className}
     />
diff --git a/libs/governance/src/lib/components/software-upgrade-proposal.tsx b/libs/governance/src/lib/components/software-upgrade-proposal.tsx
index 2ca1cb0ca..93579308f 100644
--- a/libs/governance/src/lib/components/software-upgrade-proposal.tsx
+++ b/libs/governance/src/lib/components/software-upgrade-proposal.tsx
@@ -1,4 +1,5 @@
 import { useMemo } from 'react';
+import { useTranslate } from '@tolgee/react';
 import { Heading } from '@haqq/shell-ui-kit/server';
 import { Metadata } from './metadata';
 
@@ -15,6 +16,7 @@ export function SoftwareUpgradeProposalDetails({
 }: {
   plan: SoftwareUpgradeProposalPlan;
 }) {
+  const { t } = useTranslate('governance');
   const formattedPlan = useMemo(() => {
     return {
       name: plan.name,
@@ -44,7 +46,7 @@ export function SoftwareUpgradeProposalDetails({
         </svg>
 
         <Heading level={3} className="mb-[-2px] ml-[8px]">
-          Upgrade plan
+          {t('upgrade-plan', 'Upgrade plan')}
         </Heading>
       </div>
 
diff --git a/libs/governance/src/lib/hooks/useGetProposalTypeText.tsx b/libs/governance/src/lib/hooks/useGetProposalTypeText.tsx
new file mode 100644
index 000000000..2306d0f0a
--- /dev/null
+++ b/libs/governance/src/lib/hooks/useGetProposalTypeText.tsx
@@ -0,0 +1,44 @@
+import { useTranslate } from '@tolgee/react';
+
+export const enum ProposalTypes {
+  Text = '/cosmos.gov.v1beta1.TextProposal',
+  SoftwareUpgrade = '/cosmos.upgrade.v1beta1.SoftwareUpgradeProposal',
+  CancelSoftwareUpgrade = '/cosmos.upgrade.v1beta1.CancelSoftwareUpgradeProposal',
+  ParameterChange = '/cosmos.params.v1beta1.ParameterChangeProposal',
+  ClientUpdate = '/ibc.core.client.v1.ClientUpdateProposal',
+  RegisterCoin = '/evmos.erc20.v1.RegisterCoinProposal',
+  RegisterERC20 = '/evmos.erc20.v1.RegisterERC20Proposal',
+}
+
+export function useGetProposalTypeText(type: string) {
+  const { t } = useTranslate('governance');
+
+  switch (type) {
+    case ProposalTypes.Text:
+      return t('proposal-types.text', 'Text');
+
+    case ProposalTypes.SoftwareUpgrade:
+      return t('proposal-types.software-upgrade', 'Software upgrade');
+
+    case ProposalTypes.CancelSoftwareUpgrade:
+      return t(
+        'proposal-types.cancel-software-upgrade',
+        'Cancel software upgrade',
+      );
+
+    case ProposalTypes.ClientUpdate:
+      return t('proposal-types.client-update', 'Client update');
+
+    case ProposalTypes.ParameterChange:
+      return t('proposal-types.parameter-change', 'Parameter change');
+
+    case ProposalTypes.RegisterCoin:
+      return t('proposal-types.register-coin', 'Register coin');
+
+    case ProposalTypes.RegisterERC20:
+      return t('proposal-types.register-erc20', 'Register ERC20');
+
+    default:
+      return type;
+  }
+}
diff --git a/libs/governance/src/lib/proposal-details-page.tsx b/libs/governance/src/lib/proposal-details-page.tsx
index 69fe7efc5..385b2ca2d 100644
--- a/libs/governance/src/lib/proposal-details-page.tsx
+++ b/libs/governance/src/lib/proposal-details-page.tsx
@@ -12,6 +12,7 @@ import {
   Proposal,
   SoftwareUpgradeProposalContent,
 } from '@evmos/provider';
+import { useTranslate } from '@tolgee/react';
 import clsx from 'clsx';
 import Markdown from 'marked-react';
 import Link from 'next/link';
@@ -67,52 +68,19 @@ import {
 } from '@haqq/shell-ui-kit/server';
 import { ParameterChangeProposalDetails } from './components/parameter-change-proposal';
 import { SoftwareUpgradeProposalDetails } from './components/software-upgrade-proposal';
-
-const enum ProposalTypes {
-  Text = '/cosmos.gov.v1beta1.TextProposal',
-  SoftwareUpgrade = '/cosmos.upgrade.v1beta1.SoftwareUpgradeProposal',
-  CancelSoftwareUpgrade = '/cosmos.upgrade.v1beta1.CancelSoftwareUpgradeProposal',
-  ParameterChange = '/cosmos.params.v1beta1.ParameterChangeProposal',
-  ClientUpdate = '/ibc.core.client.v1.ClientUpdateProposal',
-  RegisterCoin = '/evmos.erc20.v1.RegisterCoinProposal',
-  RegisterERC20 = '/evmos.erc20.v1.RegisterERC20Proposal',
-}
-
-export function getProposalTypeText(type: string) {
-  switch (type) {
-    case ProposalTypes.Text:
-      return 'Text';
-
-    case ProposalTypes.SoftwareUpgrade:
-      return 'Software upgrade';
-
-    case ProposalTypes.CancelSoftwareUpgrade:
-      return 'Cancel software upgrade';
-
-    case ProposalTypes.ClientUpdate:
-      return 'Client update';
-
-    case ProposalTypes.ParameterChange:
-      return 'Parameter change';
-
-    case ProposalTypes.RegisterCoin:
-      return 'Register coin';
-
-    case ProposalTypes.RegisterERC20:
-      return 'Register ERC20';
-
-    default:
-      return type;
-  }
-}
+import {
+  ProposalTypes,
+  useGetProposalTypeText,
+} from './hooks/useGetProposalTypeText';
 
 function ShowDateToggleButton({ onClick }: { onClick: () => void }) {
+  const { t } = useTranslate('governance');
   return (
     <button
       onClick={onClick}
       className="text-[14px] leading-[22px] text-[#EC5728] transition-colors duration-100 ease-out hover:text-[#FF8D69]"
     >
-      Show all dates
+      {t('show-all-dates', 'Show all dates')}
       <svg
         width="22"
         height="22"
@@ -167,6 +135,8 @@ function ProposalDetailsMobile({
   quorum: number;
   userVote?: string | null;
 }) {
+  const { t } = useTranslate('governance');
+
   return (
     <div className="mt-[24px] flex flex-col gap-[24px] md:mt-[28px] md:gap-[28px]">
       <div className="rounded-[8px] bg-[#FFFFFF14] p-[16px]">
@@ -208,14 +178,14 @@ function ProposalDetailsMobile({
                 <ProposalPeriodTimer
                   color="blue"
                   date={new Date(proposalDetails.deposit_end_time)}
-                  title="Deposit end"
+                  title={t('deposit-end', 'Deposit end')}
                 />
               )}
               {proposalDetails.status === ProposalStatusEnum.Voting && (
                 <ProposalPeriodTimer
                   color="green"
                   date={new Date(proposalDetails.voting_end_time)}
-                  title="Voting end"
+                  title={t('voting-end', 'Voting end')}
                 />
               )}
             </div>
@@ -244,6 +214,7 @@ export function ProposalDetailsComponent({
   govParams: GetGovernanceParamsResponse;
   proposalTally: TallyResults;
 }) {
+  const { t } = useTranslate('governance');
   const { isConnected } = useAccount();
   const { haqqAddress } = useAddress();
   const { data: delegationInfo } = useStakingDelegationQuery(haqqAddress);
@@ -402,7 +373,7 @@ export function ProposalDetailsComponent({
                   </div>
                   <div>
                     <div className="font-guise text-[14px] leading-[22px] text-white/50">
-                      {getProposalTypeText(proposalDetails.content['@type'])}
+                      {useGetProposalTypeText(proposalDetails.content['@type'])}
                     </div>
                   </div>
                 </div>
@@ -430,7 +401,7 @@ export function ProposalDetailsComponent({
                 <div className="mb-[16px] flex flex-row items-center">
                   <InfoIcon />
                   <Heading level={3} className="mb-[-2px] ml-[8px]">
-                    Info
+                    {t('info', 'Info')}
                   </Heading>
                 </div>
                 <div className="flex flex-col gap-[28px]">
@@ -443,7 +414,7 @@ export function ProposalDetailsComponent({
                       </InfoBlock>
                     </div> */}
                     <div>
-                      <InfoBlock title="Total deposit">
+                      <InfoBlock title={t('total-deposit', 'Total deposit')}>
                         {formatNumber(totalDeposit)}{' '}
                         {symbol.toLocaleUpperCase()}
                       </InfoBlock>
@@ -451,7 +422,7 @@ export function ProposalDetailsComponent({
                   </div>
                   <div>
                     <div className="font-guise mb-[4px] text-[11px] leading-[18px] text-white/50 md:text-[12px] md:leading-[18px]">
-                      Description
+                      {t('description', 'Description')}
                     </div>
 
                     <div
@@ -501,25 +472,25 @@ export function ProposalDetailsComponent({
                   <div className="mb-[16px] flex flex-row items-center">
                     <CalendarIcon />
                     <Heading level={3} className="mb-[-2px] ml-[8px]">
-                      Dates
+                      {t('dates', 'Dates')}
                     </Heading>
                   </div>
 
                   <div className="grid grid-flow-row grid-cols-2 gap-[8px] md:grid-cols-4">
-                    <InfoBlock title="Created at (GMT)">
+                    <InfoBlock title={t('created-at', 'Created at')}>
                       {formatDate(new Date(proposalDetails.submit_time))}
                     </InfoBlock>
-                    <InfoBlock title="Deposit end (GMT)">
+                    <InfoBlock title={t('deposit-end', 'Deposit end')}>
                       {formatDate(new Date(proposalDetails.deposit_end_time))}
                     </InfoBlock>
                     {proposalDetails.status !== ProposalStatusEnum.Deposit && (
                       <Fragment>
-                        <InfoBlock title="Vote start (GMT)">
+                        <InfoBlock title={t('vote-start', 'Vote start (GMT)')}>
                           {formatDate(
                             new Date(proposalDetails.voting_start_time),
                           )}
                         </InfoBlock>
-                        <InfoBlock title="Vote end (GMT)">
+                        <InfoBlock title={t('vote-end', 'Vote end (GMT)')}>
                           {formatDate(
                             new Date(proposalDetails.voting_end_time),
                           )}
@@ -573,7 +544,7 @@ export function ProposalDetailsComponent({
                                 <tr>
                                   <td className="py-[4px] pr-[20px]">
                                     <ProposalDatesText className="text-white/50">
-                                      Created at (gmt)
+                                      {t('created-at', 'Created at (gmt)')}
                                     </ProposalDatesText>
                                   </td>
                                   <td>
@@ -594,7 +565,7 @@ export function ProposalDetailsComponent({
                                 <tr>
                                   <td className="py-[4px] pr-[20px]">
                                     <ProposalDatesText className="text-white/50">
-                                      Deposit end (gmt)
+                                      {t('deposit-end', 'Deposit end (gmt)')}
                                     </ProposalDatesText>
                                   </td>
                                   <td>
@@ -617,7 +588,7 @@ export function ProposalDetailsComponent({
                                 <tr>
                                   <td className="py-[4px] pr-[20px]">
                                     <ProposalDatesText className="text-white/50">
-                                      Vote start (gmt)
+                                      {t('vote-start', 'Vote start (gmt)')}
                                     </ProposalDatesText>
                                   </td>
                                   <td>
@@ -640,7 +611,7 @@ export function ProposalDetailsComponent({
                                 <tr>
                                   <td className="py-[4px] pr-[20px]">
                                     <ProposalDatesText className="text-white/50">
-                                      Vote end (gmt)
+                                      {t('vote-end', 'Vote end (gmt)')}
                                     </ProposalDatesText>
                                   </td>
                                   <td>
@@ -694,7 +665,7 @@ export function ProposalDetailsComponent({
                           <ProposalPeriodTimer
                             color="blue"
                             date={new Date(proposalDetails.deposit_end_time)}
-                            title="Deposit end"
+                            title={t('deposit-end', 'Deposit end')}
                           />
                         )}
                       {proposalDetails.status === ProposalStatusEnum.Voting &&
@@ -702,7 +673,7 @@ export function ProposalDetailsComponent({
                           <ProposalPeriodTimer
                             color="green"
                             date={new Date(proposalDetails.voting_end_time)}
-                            title="Voting end"
+                            title={t('voting-end', 'Voting end')}
                           />
                         )}
                     </div>
@@ -838,19 +809,20 @@ function ProposalActionsMobile({
   isCanVote?: boolean;
   userVote?: string | null;
 }) {
+  const { t } = useTranslate('common');
   if (!isConnected) {
     return (
       <div className="transform-gpu bg-[#FFFFFF14] py-[24px] backdrop-blur md:py-[40px]">
         <div className="flex flex-col items-center gap-[12px]">
           <div className="font-guise text-[14px] leading-[22px] md:text-[18px] md:leading-[28px]">
-            You should connect wallet first
+            {t('connect-wallet-message', 'You should connect wallet first')}
           </div>
           <Button
             onClick={onConnectWalletClick}
             variant={2}
             className="text-black hover:bg-transparent hover:text-white"
           >
-            Connect wallet
+            {t('connect-wallet-button', 'Connect wallet')}
           </Button>
         </div>
       </div>
@@ -891,6 +863,7 @@ function ProposalActionsMobile({
 }
 
 function ProposalInfo({ proposalId }: { proposalId: string }) {
+  const { t } = useTranslate('governance');
   const { data: proposalDetails, isFetched } =
     useProposalDetailsQuery(proposalId);
   const { data: proposalTally } = useProposalTallyQuery(proposalId);
@@ -907,7 +880,7 @@ function ProposalInfo({ proposalId }: { proposalId: string }) {
     <div className="pointer-events-none flex min-h-[320px] flex-1 select-none flex-col items-center justify-center space-y-8">
       <SpinnerLoader />
       <div className="font-guise text-[10px] uppercase leading-[1.2em]">
-        Fetching proposal details
+        {t('fetching-proposal-details', 'Fetching proposal details')}
       </div>
     </div>
   ) : (
@@ -922,12 +895,13 @@ function ProposalInfo({ proposalId }: { proposalId: string }) {
 }
 
 export function ProposalDetailsPage({ proposalId }: { proposalId: string }) {
+  const { t } = useTranslate('common');
   return (
     <Fragment>
       <Container>
         <div className="py-[18px] sm:py-[26px] lg:py-[34px]">
           <Link href="/governance">
-            <BackButton>Governance</BackButton>
+            <BackButton>{t('governance', 'Governance')}</BackButton>
           </Link>
         </div>
       </Container>
@@ -944,6 +918,7 @@ export function VoteActions({
   proposalId: number;
   userVote?: string | null;
 }) {
+  const { t } = useTranslate('governance');
   const { vote, getVoteEstimatedFee } = useProposalActions();
   const toast = useToast();
   const { executeIfNetworkSupported } = useNetworkAwareAction();
@@ -969,7 +944,11 @@ export function VoteActions({
         );
 
         await toast.promise(votePromise, {
-          loading: <ToastLoading>Vote in progress</ToastLoading>,
+          loading: (
+            <ToastLoading>
+              {t('vote-in-progress', 'Vote in progress')}
+            </ToastLoading>
+          ),
           success: (tx) => {
             console.log('Vote successful', { tx });
             const txHash = tx?.txhash;
@@ -977,7 +956,9 @@ export function VoteActions({
             return (
               <ToastSuccess>
                 <div className="flex flex-col items-center gap-[8px] text-[20px] leading-[26px]">
-                  <div>Your vote will be counted!!!</div>
+                  <div>
+                    {t('vote-will-count', 'Your vote will be counted!!!')}
+                  </div>
                   <div>
                     <Link
                       href={`${explorer.cosmos}/tx/${txHash}`}
@@ -995,7 +976,11 @@ export function VoteActions({
           },
           error: (error) => {
             console.error(error);
-            return <ToastError>For some reason your vote failed.</ToastError>;
+            return (
+              <ToastError>
+                {t('vote-fail-error', 'For some reason your vote failed.')}
+              </ToastError>
+            );
           },
         });
         posthog.capture('vote success', { chainId });
@@ -1012,6 +997,7 @@ export function VoteActions({
       memo,
       posthog,
       proposalId,
+      t,
       toast,
       vote,
     ],
@@ -1024,9 +1010,14 @@ export function VoteActions({
   return (
     <Fragment>
       <div className="mb-[16px]">
-        <CardHeading className="mb-[2px]">Cast your vote</CardHeading>
+        <CardHeading className="mb-[2px]">
+          {t('cast-vote', 'Cast your vote')}
+        </CardHeading>
         <div className="text-[12px] font-[500] leading-[18px] text-white/50">
-          You can change your vote while the voting is in progress
+          {t(
+            'change-vote-message',
+            'You can change your vote while the voting is in progress',
+          )}
         </div>
       </div>
 
@@ -1038,7 +1029,7 @@ export function VoteActions({
               setMemoVisible(true);
             }}
           >
-            Add memo
+            {t('add-memo', 'Add memo')}
           </OrangeLink>
         </div>
       ) : (
@@ -1055,7 +1046,7 @@ export function VoteActions({
               'rounded-[6px] bg-[#252528]',
               'disabled:cursor-not-allowed',
             )}
-            placeholder="Add your memo"
+            placeholder={t('add-your-memo', 'Add your memo')}
             autoFocus
           />
         </div>
@@ -1075,7 +1066,7 @@ export function VoteActions({
               voteOptionFromJSON(userVote) === VoteOption.VOTE_OPTION_YES
             }
           >
-            Yes
+            {t('vote-option-yes', 'Yes')}
           </VoteButton>
         </div>
         <div>
@@ -1091,7 +1082,7 @@ export function VoteActions({
               voteOptionFromJSON(userVote) === VoteOption.VOTE_OPTION_NO
             }
           >
-            No
+            {t('vote-option-no', 'No')}
           </VoteButton>
         </div>
         <div>
@@ -1107,7 +1098,7 @@ export function VoteActions({
               voteOptionFromJSON(userVote) === VoteOption.VOTE_OPTION_ABSTAIN
             }
           >
-            Abstain
+            {t('vote-option-abstain', 'Abstain')}
           </VoteButton>
         </div>
         <div>
@@ -1124,7 +1115,7 @@ export function VoteActions({
               VoteOption.VOTE_OPTION_NO_WITH_VETO
             }
           >
-            Veto
+            {t('vote-option-veto', 'Veto')}
           </VoteButton>
         </div>
       </div>
@@ -1141,6 +1132,7 @@ export function DepositActionsDesktop({
   onDepositSubmit: (depositAmount: number) => void;
   isConnected: boolean;
 }) {
+  const { t } = useTranslate('governance');
   const [depositAmount, setDepositAmount] = useState<number | undefined>(
     undefined,
   );
@@ -1152,14 +1144,21 @@ export function DepositActionsDesktop({
   const symbol = 'ISLM';
   const { executeIfNetworkSupported } = useNetworkAwareAction();
 
+  const localedBalance = balance.toLocaleString();
+  const localedSymbolUpperCase = symbol.toLocaleUpperCase();
+
   return (
     <div className="flex flex-col gap-[16px] bg-white bg-opacity-[15%] px-[28px] py-[32px]">
       <div>
         <CardHeading className="mb-[2px]">
-          Enter the amount you want to deposit
+          {t('enter-deposit-message', 'Enter the amount you want to deposit')}
         </CardHeading>
         <div className="text-[12px] font-[500] leading-[18px] text-white/50">
-          You balance: {balance.toLocaleString()} {symbol.toLocaleUpperCase()}
+          {t(
+            'your-balance',
+            'Your balance: {localedBalance} {localedSymbolUpperCase}',
+            { localedBalance, localedSymbolUpperCase },
+          )}
         </div>
       </div>
       <div>
@@ -1179,7 +1178,7 @@ export function DepositActionsDesktop({
             !isConnected || (depositAmount && depositAmount === 0),
           )}
         >
-          Deposit
+          {t('deposit', 'Deposit')}
         </DepositButton>
       </div>
     </div>
@@ -1197,11 +1196,12 @@ export function DepositInput({
   value: number | undefined;
   disabled?: boolean;
 }) {
+  const { t } = useTranslate('governance');
   return (
     <div className={clsx('relative rounded-[6px] bg-[#252528]', className)}>
       <input
         type="number"
-        placeholder="Enter Amount"
+        placeholder={t('enter-amount', 'Enter Amount')}
         className={clsx(
           'px-[16px] pb-[12px] pt-[14px]',
           'w-full text-[14px] font-[500] leading-[22px] text-white outline-none placeholder:text-[#FFFFFF3D]',
@@ -1316,10 +1316,13 @@ function CardHeading({
 }
 
 function DepositAlert() {
+  const { t } = useTranslate('governance');
   return (
     <WarningMessage>
-      If the proposal does not collect the required number of deposits in a
-      certain time, it will reject
+      {t(
+        'proposal-deposit-alert',
+        'If the proposal does not collect the required number of deposits in a certain time, it will reject',
+      )}
     </WarningMessage>
   );
 }
diff --git a/libs/governance/src/lib/proposal-list-page.tsx b/libs/governance/src/lib/proposal-list-page.tsx
index 5c96bb157..cb09e777d 100644
--- a/libs/governance/src/lib/proposal-list-page.tsx
+++ b/libs/governance/src/lib/proposal-list-page.tsx
@@ -1,6 +1,7 @@
 'use client';
 import { useMemo } from 'react';
 import { ProposalStatus } from '@evmos/provider';
+import { useTranslate } from '@tolgee/react';
 import Link from 'next/link';
 import {
   useAddress,
@@ -14,6 +15,7 @@ import { Container, SpinnerLoader } from '@haqq/shell-ui-kit/server';
 import { ProposalListCard } from './components/proposal-list-card';
 
 export function ProposalListPage() {
+  const { t } = useTranslate();
   const { data: govParams } = useGovernanceParamsQuery();
   const { data: proposalsData } = useProposalListQuery();
   const symbol = 'ISLM';
@@ -98,7 +100,7 @@ export function ProposalListPage() {
         <div className="pt-[32px] lg:pt-[68px]">
           <Container>
             <div className="font-clash text-[28px] uppercase leading-none sm:text-[48px] lg:text-[70px]">
-              Governance
+              {t('governance-title', 'Governance', { ns: 'common' })}
             </div>
           </Container>
         </div>
@@ -111,7 +113,9 @@ export function ProposalListPage() {
               <div className="flex min-h-full flex-1 flex-col items-center justify-center space-y-8">
                 <SpinnerLoader />
                 <div className="font-guise text-[10px] uppercase leading-[1.2em]">
-                  Fetching proposals
+                  {t('fetching-proposals', 'Fetching proposals', {
+                    ns: 'governance',
+                  })}
                 </div>
               </div>
             </div>