initial fix, text fits w/o overflow out of button container

libs/remix-ui/solidity-compiler/src/lib/compiler-container.tsx

@@ -594,7 +594,7 @@ export const CompilerContainer = (props: CompilerContainerProps) => {
               </a>
             </div>
           }
-          <button id="compileBtn" data-id="compilerContainerCompileBtn" className="btn btn-primary btn-block remixui_disabled mt-3" title="Compile" onClick={compile} disabled={disableCompileButton}>
+          <button id="compileBtn" data-id="compilerContainerCompileBtn" className="btn btn-primary remixui_btnBlock remixui_disabled mt-3" title="Compile" onClick={compile} disabled={disableCompileButton}>
             <span>
               { <i ref={compileIcon} className="fas fa-sync remixui_iconbtn" aria-hidden="true"></i> }
               Compile { typeof state.compiledFileName === 'string' ? extractNameFromKey(state.compiledFileName) || '<no file selected>' : '<no file selected>' }

libs/remix-ui/solidity-compiler/src/lib/css/style.css

@@ -154,6 +154,11 @@
 .remixui_iconbtn {
   margin-right: 0.3em;
 }
+.remixui_btnBlock {
+  display: block;
+  width: 100%;
+  word-wrap: break-word;
+}
 .remixui_errorBlobs {
   padding-left: 5px;
   padding-right: 5px;