From cce0d8324bccbd4a7caddee1230e3265543ad2b4 Mon Sep 17 00:00:00 2001
From: Joseph Izang <josephizang@gmail.com>
Date: Wed, 16 Nov 2022 16:41:10 +0100
Subject: [PATCH] add wrapping element to disabled compiler select dropdown

---
 .../solidity-compiler/src/lib/compiler-container.tsx   | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

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 b560672505..7c35e1cda0 100644
--- a/libs/remix-ui/solidity-compiler/src/lib/compiler-container.tsx
+++ b/libs/remix-ui/solidity-compiler/src/lib/compiler-container.tsx
@@ -858,10 +858,12 @@ export const CompilerContainer = (props: CompilerContainerProps) => {
                 tooltipClasses="text-nowrap"
                 tooltipText={<span>{'Language specification available from   Compiler >= v0.5.7'}</span>}
               >
-                <select onChange={(e) => handleLanguageChange(e.target.value)} disabled={state.useFileConfiguration} value={state.language} className="custom-select" id="compilierLanguageSelector">
-                  <option data-id={state.language === 'Solidity' ? 'selected' : ''} value='Solidity'>Solidity</option>
-                  <option data-id={state.language === 'Yul' ? 'selected' : ''} value='Yul'>Yul</option>
-                </select>
+                <div id="compilerLanguageSelectorWrapper">
+                  <select onChange={(e) => handleLanguageChange(e.target.value)} disabled={state.useFileConfiguration} value={state.language} className="custom-select" id="compilierLanguageSelector">
+                    <option data-id={state.language === 'Solidity' ? 'selected' : ''} value='Solidity'>Solidity</option>
+                    <option data-id={state.language === 'Yul' ? 'selected' : ''} value='Yul'>Yul</option>
+                  </select>
+                </div>
               </CustomTooltip>
             </div>
             <div className="mb-2 ml-4">