diff --git a/components/EditorName.js b/components/EditorName.js
index a5bb4563..e29e0310 100644
--- a/components/EditorName.js
+++ b/components/EditorName.js
@@ -1,16 +1,11 @@
 import React from 'react';
-import ReactToolTip from 'react-tooltip';
 import levelNames from '../constants/levelNames';
+import '../node_modules/balloon-css/balloon.css';
 
 export default function EditorName({ editorName, editorLevel }) {
   return (
-    <span>
-      <span data-tip data-for="editor-info">
-        {editorName}
-      </span>
-      <ReactToolTip id="editor-info" wrapper="span">
-        <span>{`Lv.${editorLevel} ${levelNames[editorLevel]} `}</span>
-      </ReactToolTip>
+    <span data-balloon={`Lv.${editorLevel} ${levelNames[editorLevel]} `} data-balloon-pos="up">
+      {editorName}
     </span>
   );
 }