diff --git a/src/InteractionTrace/InteractionTrace.js b/src/InteractionTrace/InteractionTrace.js
index 1d802483d042e085e9289b412f1f4986c938388b..689c0fdc9ca48de25262d520591c214f11d93d23 100644
--- a/src/InteractionTrace/InteractionTrace.js
+++ b/src/InteractionTrace/InteractionTrace.js
@@ -26,7 +26,7 @@ class InteractionTrace extends Component {
     super(props);
 
     this.interactionStore = new InteractionTraceStore();
-    this.props.store.components['interactionTrace'] = this.interactionStore;
+    this.props.store.components['int-trace'] = this.interactionStore;
 
     // Use the margin convention practice
     this.margin = {top: 20, right: 30, bottom: 20, left: 20};
diff --git a/src/LatestInteraction/index.js b/src/LatestInteraction/index.js
index c0567d016977ce470182c4ddf882cf4fa2c4e62e..0cd9f57b7e766405615c33e17252c2fb3460acd8 100644
--- a/src/LatestInteraction/index.js
+++ b/src/LatestInteraction/index.js
@@ -8,10 +8,10 @@ export const LatestInteraction = observer(
 function LatestInteraction(props) {
   let intended, enacted;
   let iteration = null;
-  if ('interactionTrace' in props.store.components && props.store.components['interactionTrace'].showInteraction) {
-    intended = props.store.components['interactionTrace'].currentInteraction.intended;
-    enacted = props.store.components['interactionTrace'].currentInteraction.enacted;
-    const iteration_id = props.store.components['interactionTrace'].currentInteraction.id;
+  if ('int-trace' in props.store.components && props.store.components['int-trace'].showInteraction) {
+    intended = props.store.components['int-trace'].currentInteraction.intended;
+    enacted = props.store.components['int-trace'].currentInteraction.enacted;
+    const iteration_id = props.store.components['int-trace'].currentInteraction.id;
   iteration = [<p key="first"><span className="label">Iteration:</span> {iteration_id}</p>, <hr key="last"/>];
   } else {
     intended = props.intended;