use bootstrap classes

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 remixui_btnBlock remixui_disabled mt-3" title="Compile" onClick={compile} disabled={disableCompileButton}>
+          <button id="compileBtn" data-id="compilerContainerCompileBtn" className="btn btn-primary d-block w-100 text-break 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,11 +154,6 @@
 .remixui_iconbtn {
   margin-right: 0.3em;
 }
-.remixui_btnBlock {
-  display: block;
-  width: 100%;
-  word-wrap: break-word;
-}
 .remixui_errorBlobs {
   padding-left: 5px;
   padding-right: 5px;