From 290e7a29f340aeea8d25af2afb175a3c2b4f2af8 Mon Sep 17 00:00:00 2001
From: lianahus <liana@ethereum.org>
Date: Thu, 9 Nov 2023 18:27:40 +0100
Subject: [PATCH] fixed react errors and icons for licenses

---
 .../circuit-compiler/src/app/components/container.tsx | 11 ++++++++---
 .../solidity-compiler/src/lib/compiler-container.tsx  |  2 +-
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/apps/circuit-compiler/src/app/components/container.tsx b/apps/circuit-compiler/src/app/components/container.tsx
index 854ac3d611..c38d7adaa1 100644
--- a/apps/circuit-compiler/src/app/components/container.tsx
+++ b/apps/circuit-compiler/src/app/components/container.tsx
@@ -53,11 +53,16 @@ export function Container () {
       <article>
         <div className="pt-0 circuit_section">
           <div className="mb-1">
-            <label className="circuit_label form-check-label" htmlFor="versionSelector">
+            <label className="circuit_label form-check-label">
               <FormattedMessage id="circuit.compiler" />
             </label>
-            <CustomTooltip placement="top" tooltipId="showCompilerTooltip" tooltipClasses="text-nowrap" tooltipText={'See compiler license'}>
-              <span className="fa fa-file-text-o border-0 p-0 ml-2" onClick={() => showCompilerLicense()}></span>
+            <CustomTooltip
+              placement="top"
+              tooltipId="showCircumCompilerTooltip"
+              tooltipClasses="text-nowrap"
+              tooltipText='See compiler license'
+            >
+              <span className="far fa-file-certificate border-0 p-0 ml-2" onClick={() => showCompilerLicense()}></span>
             </CustomTooltip>
             <VersionList setVersion={handleVersionSelect} versionList={circuitApp.appState.versionList} currentVersion={circuitApp.appState.version} />
             <CompileOptions setCircuitAutoCompile={handleCircuitAutoCompile} setCircuitHideWarnings={handleCircuitHideWarnings} autoCompile={circuitApp.appState.autoCompile} hideWarnings={circuitApp.appState.hideWarnings} />
diff --git a/libs/remix-ui/solidity-compiler/src/lib/compiler-container.tsx b/libs/remix-ui/solidity-compiler/src/lib/compiler-container.tsx
index 579e1d7a40..dd725d3317 100644
--- a/libs/remix-ui/solidity-compiler/src/lib/compiler-container.tsx
+++ b/libs/remix-ui/solidity-compiler/src/lib/compiler-container.tsx
@@ -773,7 +773,7 @@ export const CompilerContainer = (props: CompilerContainerProps) => {
               <span className="far fa-plus border-0 p-0 ml-3" onClick={() => promptCompiler()}></span>
             </CustomTooltip>
             <CustomTooltip placement="top" tooltipId="showCompilerTooltip" tooltipClasses="text-nowrap" tooltipText={<FormattedMessage id="solidity.seeCompilerLicense" />}>
-              <span className="fa fa-file-text-o border-0 p-0 ml-2" onClick={() => showCompilerLicense()}></span>
+              <span className="far fa-file-certificate border-0 p-0 ml-2" onClick={() => showCompilerLicense()}></span>
             </CustomTooltip>
             <select
               value={state.selectedVersion || state.defaultVersion}