diff --git a/internal_packages/composer/lib/floating-toolbar.cjsx b/internal_packages/composer/lib/floating-toolbar.cjsx
index 3bd75afa4..000ab6ece 100644
--- a/internal_packages/composer/lib/floating-toolbar.cjsx
+++ b/internal_packages/composer/lib/floating-toolbar.cjsx
@@ -87,11 +87,12 @@ class FloatingToolbar extends React.Component
     <div className="toolbar-new-link"
          onMouseEnter={@_onMouseEnter}
          onMouseLeave={@_onMouseLeave}>
-      <i className="fa fa-link preview-btn-icon"></i>
+      <i className="fa fa-link preview-btn-icon" onClick={@_onPreventToolbarClose}></i>
       <input type="text"
              ref="urlInput"
              value={@state.urlInputValue}
              onBlur={@_saveUrl}
+             onClick={@_onPreventToolbarClose}
              onKeyPress={@_saveUrlOnEnter}
              onChange={@_onInputChange}
              className="floating-toolbar-input #{withRemove}"
@@ -102,6 +103,9 @@ class FloatingToolbar extends React.Component
       {removeBtn}
     </div>
 
+  _onPreventToolbarClose: (event) =>
+    event.stopPropagation()
+
   _onMouseEnter: =>
     @isHovering = true
     @props.onMouseEnter?()