diff --git a/wax-prosemirror-services/src/TransformService/components/TransformCaseComponent.js b/wax-prosemirror-services/src/TransformService/components/TransformCaseComponent.js
index 34c5ccc1b2592b19e9aac594b662e9cd4eebf1fc..971cbe93ab7adc49deafd2b15bc52214c5550e32 100644
--- a/wax-prosemirror-services/src/TransformService/components/TransformCaseComponent.js
+++ b/wax-prosemirror-services/src/TransformService/components/TransformCaseComponent.js
@@ -85,7 +85,7 @@ const TransformCaseComponent = ({ view: { state }, item }) => {
     // { id: 4, name: 'Title Case', iconName: 'transformCase' },
   ];
 
-  const onClickTransform = (e, id) => {
+  const onClickTransform = id => {
     switch (id) {
       case 1:
         item.run(activeView.state, activeView.dispatch, 'upperCase');
@@ -111,7 +111,11 @@ const TransformCaseComponent = ({ view: { state }, item }) => {
         {transformCaseDropDown.map(data => (
           <Transformer
             key={uuid()}
-            onClick={e => onClickTransform(e, data.id)}
+            onMouseDown={e => {
+              e.preventDefault();
+              onClickTransform(data.id);
+              activeView.focus();
+            }}
             title={data.name}
           >
             <StyledIcon name={data.iconName} />