diff --git a/wax-prosemirror-services/src/FillTheGapQuestionService/components/EditorComponent.js b/wax-prosemirror-services/src/FillTheGapQuestionService/components/EditorComponent.js
index f7b5e645bcc2c25a90101034265a99bc06cdc80f..6a9498a24251fa9d2ccbb1a9ad380246d21f12c8 100644
--- a/wax-prosemirror-services/src/FillTheGapQuestionService/components/EditorComponent.js
+++ b/wax-prosemirror-services/src/FillTheGapQuestionService/components/EditorComponent.js
@@ -50,6 +50,9 @@ const EditorComponent = ({ node, view, getPos }) => {
     app,
     pmViews: { main },
   } = context;
+
+  const { testMode, showFeedBack } = main.props.customValues;
+
   let gapView;
   const questionId = node.attrs.id;
   const isEditable = main.props.editable(editable => {
@@ -156,15 +159,15 @@ const EditorComponent = ({ node, view, getPos }) => {
   };
 
   return (
-    <>
-      {isEditable || (!isEditable && !main.props.customValues.testMode) ? (
-        <EditorWrapper>
-          <div ref={editorRef} />
-        </EditorWrapper>
-      ) : (
-        <InputComponent getPos={getPos} node={node} view={view} />
-      )}
-    </>
+    isEditable ||
+    (!isEditable && !testMode && !showFeedBack && (
+      <EditorWrapper>
+        <div ref={editorRef} />
+      </EditorWrapper>
+    )) ||
+    (showFeedBack && !testMode && <span>hello</span>) || (
+      <InputComponent getPos={getPos} node={node} view={view} />
+    )
   );
 };