From 1ae1f02e3a22c17f2b2a3aded87f5abf8b649a2a Mon Sep 17 00:00:00 2001
From: lianahus <liana@ethereum.org>
Date: Tue, 27 Jul 2021 12:27:22 +0200
Subject: [PATCH] fixed the long text on compile button

---
 libs/remix-ui/solidity-compiler/src/lib/compiler-container.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

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 0d40bd011c..2b0449afea 100644
--- a/libs/remix-ui/solidity-compiler/src/lib/compiler-container.tsx
+++ b/libs/remix-ui/solidity-compiler/src/lib/compiler-container.tsx
@@ -567,7 +567,7 @@ export const CompilerContainer = (props: CompilerContainerProps) => {
             </div>
           }
           <button id="compileBtn" data-id="compilerContainerCompileBtn" className="btn btn-primary btn-block remixui_disabled mt-3" title="Compile" onClick={compile} disabled={!state.compiledFileName || (state.compiledFileName && !isSolFileSelected(state.compiledFileName))}>
-            <span>
+            <span className="text-break">
               <i ref={warningIcon} title="Compilation Slow" style={{ visibility: 'hidden' }} className="remixui_warnCompilationSlow fas fa-exclamation-triangle" aria-hidden="true"></i>
               { warningIcon.current && warningIcon.current.style.visibility === 'hidden' && <i ref={compileIcon} className="fas fa-sync remixui_icon" aria-hidden="true"></i> }
               Compile { state.compiledFileName || '<no file selected>' }