diff --git a/apps/contract-verification/src/app/app.tsx b/apps/contract-verification/src/app/app.tsx
index 0ea4332543d..85ebbfb19bc 100644
--- a/apps/contract-verification/src/app/app.tsx
+++ b/apps/contract-verification/src/app/app.tsx
@@ -13,6 +13,7 @@ import { CompilerAbstract } from '@remix-project/remix-solidity'
 import { useLocalStorage } from './hooks/useLocalStorage'
 import { getVerifier } from './Verifiers'
 import { ContractDropdownSelection } from './components/ContractDropdown'
+import { IntlProvider } from 'react-intl'
 
 const plugin = new ContractVerificationPluginClient()
 
@@ -32,11 +33,25 @@ const App = () => {
   const [proxyAddressError, setProxyAddressError] = useState('')
   const [abiEncodedConstructorArgs, setAbiEncodedConstructorArgs] = useState<string>('')
   const [abiEncodingError, setAbiEncodingError] = useState<string>('')
+  const [locale, setLocale] = useState<{ code: string; messages: any }>({
+    code: 'en',
+    messages: {}
+  })
 
   const timer = useRef(null)
 
   useEffect(() => {
     plugin.internalEvents.on('verification_activated', () => {
+
+      // @ts-ignore
+      plugin.call('locale', 'currentLocale').then((locale: any) => {
+        setLocale(locale)
+      })
+
+      // @ts-ignore
+      plugin.on('locale', 'localeChanged', (locale: any) => {
+        setLocale(locale)
+      })
       // Fetch compiler artefacts initially
       plugin.call('compilerArtefacts' as any, 'getAllCompilerAbstracts').then((obj: any) => {
         setCompilationOutput(obj)
@@ -143,11 +158,13 @@ const App = () => {
   }, [submittedContracts])
 
   return (
-    <AppContext.Provider value={{ themeType, setThemeType, clientInstance: plugin, settings, setSettings, chains, compilationOutput, submittedContracts, setSubmittedContracts }}>
-      <VerifyFormContext.Provider value={{ selectedChain, setSelectedChain, contractAddress, setContractAddress, contractAddressError, setContractAddressError, selectedContract, setSelectedContract, proxyAddress, setProxyAddress, proxyAddressError, setProxyAddressError, abiEncodedConstructorArgs, setAbiEncodedConstructorArgs, abiEncodingError, setAbiEncodingError }}>
-        <DisplayRoutes />
-      </VerifyFormContext.Provider>
-    </AppContext.Provider>
+    <IntlProvider locale={locale.code} messages={locale.messages}>
+      <AppContext.Provider value={{ themeType, setThemeType, clientInstance: plugin, settings, setSettings, chains, compilationOutput, submittedContracts, setSubmittedContracts }}>
+        <VerifyFormContext.Provider value={{ selectedChain, setSelectedChain, contractAddress, setContractAddress, contractAddressError, setContractAddressError, selectedContract, setSelectedContract, proxyAddress, setProxyAddress, proxyAddressError, setProxyAddressError, abiEncodedConstructorArgs, setAbiEncodedConstructorArgs, abiEncodingError, setAbiEncodingError }}>
+          <DisplayRoutes />
+        </VerifyFormContext.Provider>
+      </AppContext.Provider>
+    </IntlProvider>
   )
 }
 
diff --git a/apps/contract-verification/src/app/components/AccordionReceipt.tsx b/apps/contract-verification/src/app/components/AccordionReceipt.tsx
index 68332d09bb0..944cc370463 100644
--- a/apps/contract-verification/src/app/components/AccordionReceipt.tsx
+++ b/apps/contract-verification/src/app/components/AccordionReceipt.tsx
@@ -97,32 +97,32 @@ const ReceiptsBody = ({ receipts }: { receipts: VerificationReceipt[] }) => {
           className="list-group-item d-flex flex-row align-items-center"
         >
           <CustomTooltip
-              placement="top"
-              tooltipClasses=" text-break"
-              tooltipTextClasses="text-capitalize"
-              tooltipText={`Status: ${receipt.status}${receipt.message ? `, Message: ${receipt.message}` : ''}`}
-            >
-              <span className="mr-2">
-                {['verified', 'partially verified', 'already verified'].includes(receipt.status) ?
-                  <i className="fas fa-check text-success px-1"></i> :
-                  receipt.status === 'fully verified' ?
-                    <i className="fas fa-check-double text-success px-1"></i> :
-                    receipt.status === 'failed' ?
-                      <i className="fas fa-xmark text-warning px-1"></i> :
-                      ['pending', 'awaiting implementation verification'].includes(receipt.status) ?
-                        <i className="fas fa-spinner fa-spin"></i> :
-                        <i className="fas fa-question"></i>
-                }
-              </span>
-            </CustomTooltip>
-            <div className="d-flex flex-row w-100 justify-content-between">
+            placement="top"
+            tooltipClasses=" text-break"
+            tooltipTextClasses="text-capitalize"
+            tooltipText={`Status: ${receipt.status}${receipt.message ? `, Message: ${receipt.message}` : ''}`}
+          >
+            <span className="mr-2">
+              {['verified', 'partially verified', 'already verified'].includes(receipt.status) ?
+                <i className="fas fa-check text-success px-1"></i> :
+                receipt.status === 'fully verified' ?
+                  <i className="fas fa-check-double text-success px-1"></i> :
+                  receipt.status === 'failed' ?
+                    <i className="fas fa-xmark text-warning px-1"></i> :
+                    ['pending', 'awaiting implementation verification'].includes(receipt.status) ?
+                      <i className="fas fa-spinner fa-spin"></i> :
+                      <i className="fas fa-question"></i>
+              }
+            </span>
+          </CustomTooltip>
+          <div className="d-flex flex-row w-100 justify-content-between">
             <CustomTooltip placement="top" tooltipClasses=" text-break" tooltipText={`API: ${receipt.verifierInfo.apiUrl}`}>
               <span className="font-weight-bold pr-2">{receipt.verifierInfo.name}</span>
             </CustomTooltip>
             <div className="ml-1">
               {!!receipt.lookupUrl && receipt.verifierInfo.name === 'Blockscout' ?
                 <CopyToClipboard classList="pr-0 py-0" tip="Copy code URL" content={receipt.lookupUrl} direction="top" /> :
-                !!receipt.lookupUrl && <a href={receipt.lookupUrl} target="_blank" className="fa fas fa-arrow-up-right-from-square"></a>
+                !!receipt.lookupUrl && <a href={receipt.lookupUrl} target="_blank" className="fa fas fa-arrow-up-right-from-square" rel="noreferrer"></a>
               }
             </div>
           </div>
diff --git a/apps/contract-verification/src/app/components/ConfigInput.tsx b/apps/contract-verification/src/app/components/ConfigInput.tsx
index 0737840115d..9f08ab42c5b 100644
--- a/apps/contract-verification/src/app/components/ConfigInput.tsx
+++ b/apps/contract-verification/src/app/components/ConfigInput.tsx
@@ -1,5 +1,6 @@
 import React, { useEffect, useState } from 'react'
 import { CustomTooltip } from '@remix-ui/helper'
+import { FormattedMessage, useIntl } from 'react-intl'
 
 interface ConfigInputProps {
   label: string
@@ -13,6 +14,7 @@ interface ConfigInputProps {
 export const ConfigInput: React.FC<ConfigInputProps> = ({ label, id, secret, initialValue, saveResult }) => {
   const [value, setValue] = useState(initialValue)
   const [enabled, setEnabled] = useState(false)
+  const intl = useIntl()
 
   // Reset state when initialValue changes
   useEffect(() => {
@@ -42,7 +44,7 @@ export const ConfigInput: React.FC<ConfigInputProps> = ({ label, id, secret, ini
           type={secret ? 'password' : 'text'}
           className={`form-control small w-100 ${!enabled ? 'bg-transparent pl-0 border-0' : ''}`}
           id={id}
-          placeholder={`Add ${label}`}
+          placeholder={intl.formatMessage({ id: "contract-verification.configInputPlaceholder" }, { label })}
           value={value}
           onChange={(e) => setValue(e.target.value)}
           disabled={!enabled}
@@ -51,10 +53,10 @@ export const ConfigInput: React.FC<ConfigInputProps> = ({ label, id, secret, ini
         { enabled ? (
           <>
             <button type="button" className="btn btn-primary btn-sm ml-2" onClick={handleSave}>
-              Save
+              <FormattedMessage id="contract-verification.configInputSaveButton" />
             </button>
             <button type="button" className="btn btn-secondary btn-sm ml-2" onClick={handleCancel}>
-              Cancel
+              <FormattedMessage id="contract-verification.configInputCancelButton" />
             </button>
           </>
         ) : (
diff --git a/apps/contract-verification/src/app/components/ConstructorArguments.tsx b/apps/contract-verification/src/app/components/ConstructorArguments.tsx
index e2a4239eaae..46fa9822a7b 100644
--- a/apps/contract-verification/src/app/components/ConstructorArguments.tsx
+++ b/apps/contract-verification/src/app/components/ConstructorArguments.tsx
@@ -3,6 +3,7 @@ import { ethers } from 'ethers'
 
 import { AppContext } from '../AppContext'
 import { ContractDropdownSelection } from './ContractDropdown'
+import { FormattedMessage } from 'react-intl'
 
 interface ConstructorArgumentsProps {
   abiEncodedConstructorArgs: string
@@ -102,7 +103,9 @@ export const ConstructorArguments: React.FC<ConstructorArgumentsProps> = ({ abiE
       <div className="d-flex py-1 align-items-center custom-control custom-checkbox">
         <input className="form-check-input custom-control-input" type="checkbox" id="toggleRawInputSwitch" checked={toggleRawInput} onChange={() => setToggleRawInput(!toggleRawInput)} />
         <label className="m-0 form-check-label custom-control-label" style={{ paddingTop: '2px' }} htmlFor="toggleRawInputSwitch">
-          Enter raw ABI-encoded constructor arguments
+          <FormattedMessage
+            id="contract-verification.constructorArgumentsToggleRawInput"
+          />
         </label>
       </div>
       {toggleRawInput ? (
@@ -122,7 +125,10 @@ export const ConstructorArguments: React.FC<ConstructorArgumentsProps> = ({ abiE
           {abiEncodedConstructorArgs && (
             <div>
               <label className="form-check-label" htmlFor="rawAbiEncodingResult">
-                ABI-encoded constructor arguments:
+                <FormattedMessage
+                  id="contract-verification.constructorArgumentsRawAbiEncodingResult"
+                  defaultMessage="ABI-encoded constructor arguments"
+                /> :
               </label>
               <textarea className="form-control" rows={5} disabled value={abiEncodedConstructorArgs} id="rawAbiEncodingResult" style={{ opacity: 0.5 }} />
             </div>
diff --git a/apps/contract-verification/src/app/components/ContractAddressInput.tsx b/apps/contract-verification/src/app/components/ContractAddressInput.tsx
index 5eb6e73d1e4..ef0af854b0d 100644
--- a/apps/contract-verification/src/app/components/ContractAddressInput.tsx
+++ b/apps/contract-verification/src/app/components/ContractAddressInput.tsx
@@ -2,11 +2,11 @@ import React, { useEffect, useState, useContext } from 'react'
 import { ethers } from 'ethers/'
 
 interface ContractAddressInputProps {
-  label: string
+  label: string | any
   id: string
   contractAddress: string
   setContractAddress: (address: string) => void
-  contractAddressError: string
+  contractAddressError: string | any
   setContractAddressError: (error: string) => void
 }
 
diff --git a/apps/contract-verification/src/app/components/ContractDropdown.tsx b/apps/contract-verification/src/app/components/ContractDropdown.tsx
index b307aad1e47..751f292f6cd 100644
--- a/apps/contract-verification/src/app/components/ContractDropdown.tsx
+++ b/apps/contract-verification/src/app/components/ContractDropdown.tsx
@@ -1,6 +1,7 @@
 import React, { useEffect, useState, useContext, Fragment } from 'react'
 import './ContractDropdown.css'
 import { AppContext } from '../AppContext'
+import { FormattedMessage } from 'react-intl'
 
 export interface ContractDropdownSelection {
   triggerFilePath: string
@@ -42,7 +43,7 @@ export const ContractDropdown: React.FC<ContractDropdownProps> = ({ label, id, s
 
   return (
     <div className="form-group">
-      <label htmlFor={id}>{label}</label>
+      <label htmlFor={id}><FormattedMessage id="contract-verification.contractDropdownLabel" defaultMessage={label} values={{ label }} /></label>
       <select value={selectedContract ? JSON.stringify(selectedContract) : ''}
         className={`form-control custom-select pr-4 ${!hasContracts ? 'disabled-cursor text-warning' : ''}`}
         id={id}
@@ -65,7 +66,7 @@ export const ContractDropdown: React.FC<ContractDropdownProps> = ({ label, id, s
             </optgroup>
           ))
         ) : (
-          <option>Compiled contract required</option>
+          <option value={''}><FormattedMessage id="contract-verification.contractDropDownDefaultText" defaultMessage={'Compiled contract required'} /></option>
         )}
       </select>
     </div>
diff --git a/apps/contract-verification/src/app/components/NavMenu.tsx b/apps/contract-verification/src/app/components/NavMenu.tsx
index d835e1a193e..1722c2a7d96 100644
--- a/apps/contract-verification/src/app/components/NavMenu.tsx
+++ b/apps/contract-verification/src/app/components/NavMenu.tsx
@@ -1,13 +1,15 @@
 import React from 'react'
 import { NavLink } from 'react-router-dom'
+import { useIntl, FormattedMessage } from 'react-intl'
 
 interface NavItemProps {
   to: string
   icon: JSX.Element
-  title: string
+  title: string | any
 }
 
 const NavItem: React.FC<NavItemProps> = ({ to, icon, title }) => {
+  const intl = useIntl()
   return (
     <NavLink
       data-id={`${title}Tab`}
@@ -24,11 +26,11 @@ const NavItem: React.FC<NavItemProps> = ({ to, icon, title }) => {
 
 export const NavMenu = () => {
   return (
-    <nav className="d-flex medium flex-row w-100" style={{backgroundColor: 'var(--body-bg)!important'}}>
-      <NavItem to="/" icon={<i className="fas fa-home"></i>} title="Verify" />
-      <NavItem to="/receipts" icon={<i className="fas fa-receipt"></i>} title="Receipts" />
-      <NavItem to="/lookup" icon={<i className="fas fa-search"></i>} title="Lookup" />
-      <NavItem to="/settings" icon={<i className="fas fa-cog"></i>} title="Settings" />
+    <nav className="d-flex medium flex-row w-100" style={{ backgroundColor: 'var(--body-bg)!important' }}>
+      <NavItem to="/" icon={<i className="fas fa-home"></i>} title={ <FormattedMessage id="contract-verification.verifyNavTitle" defaultMessage={'Verify'} /> } />
+      <NavItem to="/receipts" icon={<i className="fas fa-receipt"></i>} title={ <FormattedMessage id="contract-verification.receiptsNavTitle" defaultMessage={'Receipts'} /> } />
+      <NavItem to="/lookup" icon={<i className="fas fa-search"></i>} title={ <FormattedMessage id="contract-verification.lookupNavTitle" defaultMessage={'Lookup'} /> } />
+      <NavItem to="/settings" icon={<i className="fas fa-cog"></i>} title={ <FormattedMessage id="contract-verification.settingsNavTitle" defaultMessage={'Settings'} /> } />
     </nav>
   )
 }
diff --git a/apps/contract-verification/src/app/components/SearchableChainDropdown.tsx b/apps/contract-verification/src/app/components/SearchableChainDropdown.tsx
index 281c7630232..1fe123f0c90 100644
--- a/apps/contract-verification/src/app/components/SearchableChainDropdown.tsx
+++ b/apps/contract-verification/src/app/components/SearchableChainDropdown.tsx
@@ -2,6 +2,7 @@ import React, { useState, useEffect, useRef, useMemo } from 'react'
 import Fuse from 'fuse.js'
 import type { Chain } from '../types'
 import { AppContext } from '../AppContext'
+import { useIntl } from 'react-intl'
 
 function getChainDescriptor(chain: Chain): string {
   if (!chain) return ''
@@ -9,7 +10,7 @@ function getChainDescriptor(chain: Chain): string {
 }
 
 interface DropdownProps {
-  label: string
+  label: string | any
   id: string
   setSelectedChain: (chain: Chain) => void
   selectedChain: Chain
@@ -18,6 +19,7 @@ interface DropdownProps {
 export const SearchableChainDropdown: React.FC<DropdownProps> = ({ label, id, setSelectedChain, selectedChain }) => {
   const { chains } = React.useContext(AppContext)
   const ethereumChainIds = [1, 11155111, 17000]
+  const intl = useIntl()
 
   // Add Ethereum chains to the head of the chains list. Sort the rest alphabetically
   const dropdownChains = useMemo(
@@ -90,7 +92,7 @@ export const SearchableChainDropdown: React.FC<DropdownProps> = ({ label, id, se
       {' '}
       {/* Add ref here */}
       <label htmlFor={id}>{label}</label>
-      <input type="text" value={searchTerm} onChange={handleInputChange} onClick={openDropdown} data-id="chainDropdownbox" placeholder="Select a chain" className="form-control" />
+      <input type="text" value={searchTerm} onChange={handleInputChange} onClick={openDropdown} data-id="chainDropdownbox" placeholder={intl.formatMessage({ id: "contract-verification.searchableChainDropdown", defaultMessage: "Select a chain" })} className="form-control" />
       <ul className="dropdown-menu show w-100 bg-light" style={{ maxHeight: '400px', overflowY: 'auto', display: isOpen ? 'initial' : 'none' }}>
         {filteredOptions.map((chain) => (
           <li key={chain.chainId} onClick={() => handleOptionClick(chain)} data-id={chain.chainId} className={`dropdown-item text-dark ${selectedChain?.chainId === chain.chainId ? 'active' : ''}`} style={{ cursor: 'pointer', whiteSpace: 'normal' }}>
diff --git a/apps/contract-verification/src/app/layouts/Default.tsx b/apps/contract-verification/src/app/layouts/Default.tsx
index b02a4a77e37..d4276c5207b 100644
--- a/apps/contract-verification/src/app/layouts/Default.tsx
+++ b/apps/contract-verification/src/app/layouts/Default.tsx
@@ -4,8 +4,8 @@ import { NavMenu } from '../components/NavMenu'
 
 interface Props {
   from: string
-  title?: string
-  description?: string
+  title?: string | any
+  description?: string | any
 }
 
 export const DefaultLayout = ({ children, title, description }: PropsWithChildren<Props>) => {
diff --git a/apps/contract-verification/src/app/routes.tsx b/apps/contract-verification/src/app/routes.tsx
index 958262b75fc..9378953f4e4 100644
--- a/apps/contract-verification/src/app/routes.tsx
+++ b/apps/contract-verification/src/app/routes.tsx
@@ -3,6 +3,7 @@ import { HashRouter as Router, Route, Routes } from 'react-router-dom'
 
 import { VerifyView, ReceiptsView, LookupView, SettingsView } from './views'
 import { DefaultLayout } from './layouts'
+import { FormattedMessage } from 'react-intl'
 
 const DisplayRoutes = () => (
   <Router>
@@ -10,7 +11,7 @@ const DisplayRoutes = () => (
       <Route
         path="/"
         element={
-          <DefaultLayout from="/" title="Verify" description="Verify compiled contracts on different verification services">
+          <DefaultLayout from="/" title="Verify" description={<FormattedMessage id="contract-verification.verifyDefaultLayout.description" defaultMessage="Verify compiled contracts on different verification services" />}>
             <VerifyView />
           </DefaultLayout>
         }
@@ -19,7 +20,7 @@ const DisplayRoutes = () => (
       <Route
         path="/receipts"
         element={
-          <DefaultLayout from="/" title="Receipts" description="Check the verification statuses of contracts submitted for verification">
+          <DefaultLayout from="/" title="Receipts" description={<FormattedMessage id="contract-verification.receiptsDefaultLayout.description" defaultMessage="Check the verification statuses of contracts submitted for verification" />}>
             <ReceiptsView />
           </DefaultLayout>
         }
@@ -28,7 +29,7 @@ const DisplayRoutes = () => (
       <Route
         path="/lookup"
         element={
-          <DefaultLayout from="/" title="Lookup" description="Search for verified contracts and download them to Remix">
+          <DefaultLayout from="/" title="Lookup" description={<FormattedMessage id="contract-verification.lookupDefaultLayout.description" defaultMessage="Lookup the verification status of a contract by its address" />}>
             <LookupView />
           </DefaultLayout>
         }
@@ -37,7 +38,7 @@ const DisplayRoutes = () => (
       <Route
         path="/settings"
         element={
-          <DefaultLayout from="/" title="Settings" description="Customize settings for each verification service and chain">
+          <DefaultLayout from="/" title="Settings" description={<FormattedMessage id="contract-verification.settingsDefaultLayout.description" defaultMessage="Configure the settings for the contract verification plugin" />}>
             <SettingsView />
           </DefaultLayout>
         }
diff --git a/apps/contract-verification/src/app/views/LookupView.tsx b/apps/contract-verification/src/app/views/LookupView.tsx
index d3e4c530954..17fca062002 100644
--- a/apps/contract-verification/src/app/views/LookupView.tsx
+++ b/apps/contract-verification/src/app/views/LookupView.tsx
@@ -9,6 +9,7 @@ import { useNavigate } from 'react-router-dom'
 import { VerifyFormContext } from '../VerifyFormContext'
 import { useSourcifySupported } from '../hooks/useSourcifySupported'
 import { CopyToClipboard } from '@remix-ui/clipboard'
+import { FormattedMessage } from 'react-intl'
 
 export const LookupView = () => {
   const { settings, clientInstance } = useContext(AppContext)
@@ -74,10 +75,10 @@ export const LookupView = () => {
   return (
     <>
       <form onSubmit={handleLookup}>
-        <SearchableChainDropdown label="Chain" id="network-dropdown" selectedChain={selectedChain} setSelectedChain={setSelectedChain} />
-        <ContractAddressInput label="Contract Address" id="contract-address" contractAddress={contractAddress} setContractAddress={setContractAddress} contractAddressError={contractAddressError} setContractAddressError={setContractAddressError} />
+        <SearchableChainDropdown label={<FormattedMessage id="contract-verification.searchableChainDropdownLabel" defaultMessage="Chain" />} id="network-dropdown" selectedChain={selectedChain} setSelectedChain={setSelectedChain} />
+        <ContractAddressInput label={<FormattedMessage id="contract-verification.contractAddressInput" defaultMessage="Contract Address" />} id="contract-address" contractAddress={contractAddress} setContractAddress={setContractAddress} contractAddressError={contractAddressError} setContractAddressError={setContractAddressError} />
         <button type="submit" className="btn w-100 btn-primary" disabled={submitDisabled}>
-          Lookup
+          <FormattedMessage id="contract-verification.lookupButton" defaultMessage="Lookup" />
         </button>
       </form>
       <div className="pt-3">
diff --git a/apps/contract-verification/src/app/views/ReceiptsView.tsx b/apps/contract-verification/src/app/views/ReceiptsView.tsx
index 70a39631b31..e2e8fdb7019 100644
--- a/apps/contract-verification/src/app/views/ReceiptsView.tsx
+++ b/apps/contract-verification/src/app/views/ReceiptsView.tsx
@@ -1,6 +1,7 @@
 import { useContext } from 'react'
 import { AccordionReceipt } from '../components/AccordionReceipt'
 import { AppContext } from '../AppContext'
+import { FormattedMessage } from 'react-intl'
 
 export const ReceiptsView = () => {
   const { submittedContracts } = useContext(AppContext)
@@ -10,7 +11,9 @@ export const ReceiptsView = () => {
     <div>
       {contracts.length > 0 ? contracts.map((contract, index) => (
         <AccordionReceipt key={contract.id} contract={contract} index={index} />
-      )) : <div className="text-center mt-5" data-id="noContractsSubmitted">No contracts submitted for verification</div>}
+      )) : <div className="text-center mt-5" data-id="noContractsSubmitted">
+        <FormattedMessage id="contract-verification.receipts.noContractsSubmitted" defaultMessage="No contracts submitted for verification" />
+      </div>}
     </div>
   )
 }
diff --git a/apps/contract-verification/src/app/views/SettingsView.tsx b/apps/contract-verification/src/app/views/SettingsView.tsx
index e96c9187ed9..65817f6ac8a 100644
--- a/apps/contract-verification/src/app/views/SettingsView.tsx
+++ b/apps/contract-verification/src/app/views/SettingsView.tsx
@@ -4,6 +4,7 @@ import type { VerifierIdentifier, VerifierSettings, ContractVerificationSettings
 import { mergeChainSettingsWithDefaults } from '../utils'
 import { AppContext } from '../AppContext'
 import { VerifyFormContext } from '../VerifyFormContext'
+import { FormattedMessage } from 'react-intl'
 
 export const SettingsView = () => {
   const { settings, setSettings } = useContext(AppContext)
@@ -28,7 +29,7 @@ export const SettingsView = () => {
 
   return (
     <>
-      <SearchableChainDropdown label="Chain" id="network-dropdown" setSelectedChain={setSelectedChain} selectedChain={selectedChain} />
+      <SearchableChainDropdown label={<FormattedMessage id="contract-verification.searchableChainDropdownLabel" defaultMessage="Chain" />} id="network-dropdown" setSelectedChain={setSelectedChain} selectedChain={selectedChain} />
 
       {selectedChain && (
         <div>
diff --git a/apps/contract-verification/src/app/views/VerifyView.tsx b/apps/contract-verification/src/app/views/VerifyView.tsx
index 2e3559634ac..32ee3d995f7 100644
--- a/apps/contract-verification/src/app/views/VerifyView.tsx
+++ b/apps/contract-verification/src/app/views/VerifyView.tsx
@@ -5,12 +5,13 @@ import { SearchableChainDropdown, ContractDropdown, ContractAddressInput } from
 import type { VerifierIdentifier, SubmittedContract, VerificationReceipt, VerifierInfo, VerificationResponse } from '../types'
 import { VERIFIERS } from '../types'
 import { mergeChainSettingsWithDefaults, validConfiguration } from '../utils'
-import { useNavigate } from 'react-router-dom'
+import { Form, useNavigate } from 'react-router-dom'
 import { ConstructorArguments } from '../components/ConstructorArguments'
 import { CustomTooltip } from '@remix-ui/helper'
 import { AbstractVerifier, getVerifier } from '../Verifiers'
 import { VerifyFormContext } from '../VerifyFormContext'
 import { useSourcifySupported } from '../hooks/useSourcifySupported'
+import { FormattedMessage } from 'react-intl'
 
 export const VerifyView = () => {
   const { compilationOutput, setSubmittedContracts, settings, clientInstance } = useContext(AppContext)
@@ -177,9 +178,14 @@ export const VerifyView = () => {
 
   return (
     <form onSubmit={handleVerify}>
-      <SearchableChainDropdown label="Chain" id="network-dropdown" selectedChain={selectedChain} setSelectedChain={setSelectedChain} />
+      <SearchableChainDropdown
+        label={<FormattedMessage id="contract-verification.searchableChainDropdown" defaultMessage={"Chain"} />}
+        id="network-dropdown"
+        selectedChain={selectedChain}
+        setSelectedChain={setSelectedChain}
+      />
       <ContractAddressInput
-        label="Contract Address"
+        label={<FormattedMessage id="contract-verification.contractAddressInput" defaultMessage={"Contract Address"}/>}
         id="contract-address"
         contractAddress={contractAddress}
         setContractAddress={setContractAddress}
@@ -200,11 +206,11 @@ export const VerifyView = () => {
         <div className="d-flex py-1 align-items-center custom-control custom-checkbox">
           <input id="has-proxy" className="form-check-input custom-control-input" type="checkbox" checked={!!hasProxy} onChange={(e) => setHasProxy(e.target.checked)} />
           <label htmlFor="has-proxy" className="m-0 form-check-label custom-control-label" style={{ paddingTop: '2px' }}>
-            The deployed contract is behind a proxy
+            <FormattedMessage id="contract-verification.proxyInputLabel" defaultMessage={'The deployed contract is behind a proxy'} />
           </label>
         </div>
         {hasProxy && <ContractAddressInput
-          label="Proxy Address"
+          label={<FormattedMessage id="contract-verification.proxyContractAddressInput" defaultMessage={'Proxy Address'} />}
           id="proxy-address"
           contractAddress={proxyAddress}
           setContractAddress={setProxyAddress}
@@ -261,14 +267,14 @@ export const VerifyView = () => {
         })}
       </div>
       <CustomTooltip tooltipText={submitDisabled ? (
-        (!!contractAddressError || !contractAddress) ? "Please provide a valid contract address." :
-          !selectedChain ? "Please select the chain." :
-            !selectedContract ? "Please select the contract (compile if needed)." :
-              ((hasProxy && !!proxyAddressError) || (hasProxy && !proxyAddress)) ? "Please provide a valid proxy contract address." :
-                "Please provide all necessary data to verify") // Is not expected to be a case
-        : "Verify with selected tools"}>
+        (!!contractAddressError || !contractAddress) ? <FormattedMessage id="contract-verification.contractAddressError" defaultMessage="Please provide a valid contract address." /> :
+          !selectedChain ? <FormattedMessage id="contract-verification.chainError" defaultMessage="Please select the chain." /> :
+            !selectedContract ? <FormattedMessage id="contract-verification.selectedContractError" defaultMessage="Please select the contract." /> :
+              ((hasProxy && !!proxyAddressError) || (hasProxy && !proxyAddress)) ? <FormattedMessage id="contract-verification.proxyAddressError" defaultMessage="Please provide a valid proxy address." /> :
+                <FormattedMessage id="contract-verification.generalVerifyError" defaultMessage={"Please provide all necessary data to verify"} />) // Is not expected to be a case
+        : <FormattedMessage id="contract-verification.verifyButtonTooltip" defaultMessage="Verify the contract on the selected chains with the selected verifiers." />}>
         <button type="submit" className="w-100 btn btn-primary mt-3" disabled={submitDisabled}>
-          Verify
+          <FormattedMessage id="contract-verification.verifyButton" defaultMessage="Verify" />
         </button>
       </CustomTooltip>
     </form>
diff --git a/apps/remix-ide/src/app/tabs/locales/en/contractverification.json b/apps/remix-ide/src/app/tabs/locales/en/contractverification.json
new file mode 100644
index 00000000000..02d003f6837
--- /dev/null
+++ b/apps/remix-ide/src/app/tabs/locales/en/contractverification.json
@@ -0,0 +1,30 @@
+{
+  "contract-verification.verifyNavTitle": "Verify",
+  "contract-verification.receiptsNavTitle": "Receipts",
+  "contract-verification.lookupNavTitle": "Lookup",
+  "contract-verification.settingsNavTitle": "Settings",
+  "contract-verification.contractAddressInput": "Contract Address",
+  "contract-verification.proxyContractAddressInput": "Proxy Address",
+  "contract-verification.proxyInputLabel": "The deployed contract is behind a proxy",
+  "contract-verification.panelDisplayName": "Contract Verification",
+  "contract-verification.searchableChainDropdownLabel": "Chain",
+  "contract-verification.contractAddressError": "Please enter a valid contract address",
+  "contract-verification.chainError": "Please select the chain.",
+  "contract-verification.proxyAddressError": "Please provide a valid proxy contract address.",
+  "contract-verification.verifyButton": "Verify",
+  "contract-verification.lookupButton": "Lookup",
+  "contract-verification.receipts.noContractsSubmitted": "No contracts submitted for verification",
+  "contract-verification.receiptsDefaultLayout.description": "Check the verification statuses of contracts submitted for verification",
+  "contract-verification.verifyDefaultLayout.description": "Verify compiled contracts on different verification services",
+  "contract-verification.lookupDefaultLayout.description": "Search for verified contracts and download them to Remix",
+  "contract-verification.settingsDefaultLayout.description": "Customize settings for each verification service and chain",
+  "contract-verification.configInputPlaceholderText": "Add {label}",
+  "contract-verification.configInputSaveButton": "Save",
+  "contract-verification.configInputCancelButton": "Cancel",
+  "contract-verification.constructorArgumentsToggleRawInput": "Enter raw ABI-encoded constructor arguments",
+  "contract-verification.constructorArgumentsRawAbiEncodingResult": "ABI-encoded constructor arguments",
+  "contract-verification.contractDropdownLabel": "{label}",
+  "contract-verification.contractDropDownDefaultText": "Compiled contract required"
+}
+
+
diff --git a/apps/remix-ide/src/app/tabs/locales/es/panel.json b/apps/remix-ide/src/app/tabs/locales/es/panel.json
index 44aab809a36..c59878c7e8d 100644
--- a/apps/remix-ide/src/app/tabs/locales/es/panel.json
+++ b/apps/remix-ide/src/app/tabs/locales/es/panel.json
@@ -3,6 +3,7 @@
   "panel.maintainedBy": "Mantenido por",
   "panel.documentation": "Documentación",
   "panel.description": "Descripción",
+  "panel.displayName": "Nombre para mostrar",
   "panel.maintainedByRemix": "Mantenido por Remix",
   "panel.pluginInfo": "Información del Complemento",
   "panel.linkToDoc": "Enlace a la documentación",
diff --git a/apps/remix-ide/src/app/tabs/locales/fr/panel.json b/apps/remix-ide/src/app/tabs/locales/fr/panel.json
index 8deab3169af..b9cc63205dd 100644
--- a/apps/remix-ide/src/app/tabs/locales/fr/panel.json
+++ b/apps/remix-ide/src/app/tabs/locales/fr/panel.json
@@ -3,6 +3,7 @@
   "panel.maintainedBy": "Maintenu par :",
   "panel.documentation": "Documentation",
   "panel.description": "Description",
+  "panel.displayName": "Nom d'affichage",
   "panel.maintainedByRemix": "Maintenu par Remix",
   "panel.pluginInfo": "Informations sur l'extension",
   "panel.linkToDoc": "Lien vers la documentation",
diff --git a/apps/remix-ide/src/app/tabs/locales/it/panel.json b/apps/remix-ide/src/app/tabs/locales/it/panel.json
index 400b39508e3..43ada89b6f5 100644
--- a/apps/remix-ide/src/app/tabs/locales/it/panel.json
+++ b/apps/remix-ide/src/app/tabs/locales/it/panel.json
@@ -3,6 +3,7 @@
   "panel.maintainedBy": "Mantenuto Da",
   "panel.documentation": "Documentazione",
   "panel.description": "Descrizione",
+  "panel.displayName": "Nome visualizzato",
   "panel.maintainedByRemix": "Mantenuto da Remix",
   "panel.pluginInfo": "Informazioni sul plugin",
   "panel.linkToDoc": "Link alla documentazione",
diff --git a/apps/remix-ide/src/app/tabs/locales/ko/panel.json b/apps/remix-ide/src/app/tabs/locales/ko/panel.json
index b6e86b56997..6924890804a 100644
--- a/apps/remix-ide/src/app/tabs/locales/ko/panel.json
+++ b/apps/remix-ide/src/app/tabs/locales/ko/panel.json
@@ -3,6 +3,7 @@
   "panel.maintainedBy": "유지 관리:",
   "panel.documentation": "문서",
   "panel.description": "상세정보",
+  "panel.displayName": "표시 이름",
   "panel.maintainedByRemix": "리믹스에 의한 유지 관리",
   "panel.pluginInfo": "플러그인 정보",
   "panel.linkToDoc": "문서 링크",
diff --git a/apps/remix-ide/src/app/tabs/locales/ru/panel.json b/apps/remix-ide/src/app/tabs/locales/ru/panel.json
index 066069d5bd3..c6f28cdf899 100644
--- a/apps/remix-ide/src/app/tabs/locales/ru/panel.json
+++ b/apps/remix-ide/src/app/tabs/locales/ru/panel.json
@@ -3,6 +3,7 @@
   "panel.maintainedBy": "Поддерживается",
   "panel.documentation": "Документация",
   "panel.description": "Описание",
+  "panel.displayName": "Отображаемое имя",
   "panel.maintainedByRemix": "Поддерживается Remix",
   "panel.pluginInfo": "Информация о плагине",
   "panel.linkToDoc": "Ссылка на документацию",
diff --git a/apps/remix-ide/src/app/tabs/locales/zh/panel.json b/apps/remix-ide/src/app/tabs/locales/zh/panel.json
index e1a63ff928e..5d915e775cf 100644
--- a/apps/remix-ide/src/app/tabs/locales/zh/panel.json
+++ b/apps/remix-ide/src/app/tabs/locales/zh/panel.json
@@ -3,6 +3,7 @@
   "panel.maintainedBy": "维护者",
   "panel.documentation": "文档",
   "panel.description": "描述",
+  "panel.displayName": "显示名称",
   "panel.maintainedByRemix": "由 Remix 维护",
   "panel.pluginInfo": "插件信息",
   "panel.linkToDoc": "文档链接",
diff --git a/apps/vyper/src/app/app.tsx b/apps/vyper/src/app/app.tsx
index b7d48329d0b..eadce98f8f3 100644
--- a/apps/vyper/src/app/app.tsx
+++ b/apps/vyper/src/app/app.tsx
@@ -56,8 +56,8 @@ const App = () => {
       try {
         remixClient.call('locale' as any, 'currentLocale').then((currentLocale) => {
           setLocale(currentLocale)
-        })        
-  
+        })
+
         remixClient.on('locale' as any, 'localeChanged', (locale: any) => {
           setLocale(locale)
         })
@@ -118,113 +118,113 @@ const App = () => {
 
   return (
     <IntlProvider locale={locale.code} messages={locale.messages}>
-    <main id="vyper-plugin">
-      <section>
-        <div className="px-3 pt-3 mb-3 w-100">
-          <CustomTooltip placement="bottom" tooltipText="Clone a repo of Vyper examples. Switch to the File Explorer to see the examples.">
-            <button data-id="add-repository" className="w-100 text-dark btn border" onClick={() => {
-              {cloneCount === 0 ? remixClient.cloneVyperRepo() : remixClient.cloneVyperRepo(cloneCount)}
-              setCloneCount((prev) => {
-                return ++prev
-              })
-            }}>
+      <main id="vyper-plugin">
+        <section>
+          <div className="px-3 pt-3 mb-3 w-100">
+            <CustomTooltip placement="bottom" tooltipText="Clone a repo of Vyper examples. Switch to the File Explorer to see the examples.">
+              <button data-id="add-repository" className="w-100 text-dark btn border" onClick={() => {
+                {cloneCount === 0 ? remixClient.cloneVyperRepo() : remixClient.cloneVyperRepo(cloneCount)}
+                setCloneCount((prev) => {
+                  return ++prev
+                })
+              }}>
               Clone a repo of Vyper examples
-            </button>
-          </CustomTooltip>
-        </div>
-
-        <Accordion className="border-0 w-100 accordion-background">
-          <div className="border-0">
-            <div className="">
-              <CustomAccordionToggle eventKey="0">
-                <label style={{fontSize: "1REM"}}>Configurations</label>
-              </CustomAccordionToggle>
-            </div>
-            <Accordion.Collapse eventKey="0">
-              <div className="pb-2 border-bottom">
-                <Form>
-                  <div className="d-flex flex-row justify-content-around mb-1 mt-2">
-                    <div className={`custom-control custom-radio ${state.environment === 'remote' ? 'd-flex' : 'd-flex cursor-status'}`}>
-                      <input
-                        type="radio"
-                        id="remote-compiler"
-                        data-id="remote-compiler"
-                        name="remote"
-                        value={state.environment}
-                        checked={state.environment === 'remote'}
-                        onChange={() => setEnvironment('remote')}
-                        className={`custom-control-input ${state.environment === 'remote' ? 'd-flex mr-1' : 'd-flex mr-1 cursor-status'}`}
-                      />
-                      <label
-                        htmlFor="remote-compiler"
-                        className="form-check-label custom-control-label"
-                        style={{ paddingTop: '0.19rem' }}
-                      >Remote Compiler</label>
-                    </div>
-                    <div className={`custom-control custom-radio ${state.environment === 'local' ? 'mr-2' : `cursor-status`}`}>
-                      <input
-                        id="local-compiler"
-                        data-id="local-compiler"
-                        checked={state.environment === 'local'}
-                        type="radio"
-                        name="local"
-                        value={state.environment}
-                        onChange={() => setEnvironment('local')}
-                        className={`custom-control-input  ${state.environment === 'local' ? '' : `cursor-status`}`}
-                      />
-                      <label
-                        htmlFor="local-compiler"
-                        className="form-check-label custom-control-label"
-                        style={{ paddingTop: '0.19rem' }}
-                      >Local Compiler</label>
-                    </div>
-                  </div>
-                </Form>
-                <LocalUrlInput url={state.localUrl} setUrl={setLocalUrl} environment={state.environment} />
-              </div>
-            </Accordion.Collapse>
+              </button>
+            </CustomTooltip>
           </div>
-        </Accordion>
-        <span className="w-100 px-3 mt-3 mb-1 small text-warning">
+
+          <Accordion className="border-0 w-100 accordion-background">
+            <div className="border-0">
+              <div className="">
+                <CustomAccordionToggle eventKey="0">
+                  <label style={{ fontSize: "1REM" }}>Configurations</label>
+                </CustomAccordionToggle>
+              </div>
+              <Accordion.Collapse eventKey="0">
+                <div className="pb-2 border-bottom">
+                  <Form>
+                    <div className="d-flex flex-row justify-content-around mb-1 mt-2">
+                      <div className={`custom-control custom-radio ${state.environment === 'remote' ? 'd-flex' : 'd-flex cursor-status'}`}>
+                        <input
+                          type="radio"
+                          id="remote-compiler"
+                          data-id="remote-compiler"
+                          name="remote"
+                          value={state.environment}
+                          checked={state.environment === 'remote'}
+                          onChange={() => setEnvironment('remote')}
+                          className={`custom-control-input ${state.environment === 'remote' ? 'd-flex mr-1' : 'd-flex mr-1 cursor-status'}`}
+                        />
+                        <label
+                          htmlFor="remote-compiler"
+                          className="form-check-label custom-control-label"
+                          style={{ paddingTop: '0.19rem' }}
+                        >Remote Compiler</label>
+                      </div>
+                      <div className={`custom-control custom-radio ${state.environment === 'local' ? 'mr-2' : `cursor-status`}`}>
+                        <input
+                          id="local-compiler"
+                          data-id="local-compiler"
+                          checked={state.environment === 'local'}
+                          type="radio"
+                          name="local"
+                          value={state.environment}
+                          onChange={() => setEnvironment('local')}
+                          className={`custom-control-input  ${state.environment === 'local' ? '' : `cursor-status`}`}
+                        />
+                        <label
+                          htmlFor="local-compiler"
+                          className="form-check-label custom-control-label"
+                          style={{ paddingTop: '0.19rem' }}
+                        >Local Compiler</label>
+                      </div>
+                    </div>
+                  </Form>
+                  <LocalUrlInput url={state.localUrl} setUrl={setLocalUrl} environment={state.environment} />
+                </div>
+              </Accordion.Collapse>
+            </div>
+          </Accordion>
+          <span className="w-100 px-3 mt-3 mb-1 small text-warning">
           Specify the{' '}
-          <a className="text-warning" target="_blank" href="https://remix-ide.readthedocs.io/en/latest/vyper.html#specify-vyper-version">
+            <a className="text-warning" target="_blank" href="https://remix-ide.readthedocs.io/en/latest/vyper.html#specify-vyper-version">
             compiler version
-          </a>{' '}
+            </a>{' '}
           &{' '}
-          <a className="text-warning" href="https://remix-ide.readthedocs.io/en/latest/vyper.html#evm-version" target="_blank" rel="noopener noreferrer">
+            <a className="text-warning" href="https://remix-ide.readthedocs.io/en/latest/vyper.html#evm-version" target="_blank" rel="noopener noreferrer">
             EVM version
-          </a>{' '}
+            </a>{' '}
           in the .vy file.
-        </span>
-        <div className="px-3 w-100 mb-3 mt-1" id="compile-btn">
-          <CompilerButton compilerUrl={compilerUrl()} contract={contract} setOutput={(name, update) => setOutput({ ...output, [name]: update })} resetCompilerState={resetCompilerResultState} output={output} remixClient={remixClient}/>
-        </div>
-        <article id="result" className="px-3 p-2 w-100 border-top mt-2 vyper-errorBlobs">
-          {output && output.status === 'success' && 
+          </span>
+          <div className="px-3 w-100 mb-3 mt-1" id="compile-btn">
+            <CompilerButton compilerUrl={compilerUrl()} contract={contract} setOutput={(name, update) => setOutput({ ...output, [name]: update })} resetCompilerState={resetCompilerResultState} output={output} remixClient={remixClient}/>
+          </div>
+          <article id="result" className="px-3 p-2 w-100 border-top mt-2 vyper-errorBlobs">
+            {output && output.status === 'success' &&
             <>
               <VyperResult output={output} plugin={remixClient} />
             </>
-          }
-          {output && output.status === 'failed' &&
+            }
+            {output && output.status === 'failed' &&
             output.errors && output.errors.map((error: VyperCompilationError, index: number) => {
               return <Renderer key={index}
-                  message={extractRelativePath(error.message, contract)}
-                  plugin={remixClient}
-                  context='vyper'
-                  opt={{
-                    useSpan: false,
-                    type: 'error',
-                    errorType: error.error_type,
-                    errCol: error.column,
-                    errLine: error.line ? error.line - 1 : null,
-                    errFile: contract
-                  }}
-                />
-            })            
-          }
-        </article>
-      </section>
-    </main>
+                message={extractRelativePath(error.message, contract)}
+                plugin={remixClient}
+                context='vyper'
+                opt={{
+                  useSpan: false,
+                  type: 'error',
+                  errorType: error.error_type,
+                  errCol: error.column,
+                  errLine: error.line ? error.line - 1 : null,
+                  errFile: contract
+                }}
+              />
+            })
+            }
+          </article>
+        </section>
+      </main>
     </IntlProvider>
   )
 }