diff --git a/frontend/src/_stores/gridStore.js b/frontend/src/_stores/gridStore.js
index 919d09a784..aa070e4a89 100644
--- a/frontend/src/_stores/gridStore.js
+++ b/frontend/src/_stores/gridStore.js
@@ -40,7 +40,7 @@ export const useGridStore = create(
 useGridStore.subscribe(({ draggingComponentId }) => {
   if (draggingComponentId) {
     document.querySelector(`.dragged-movable-control-box`)?.classList?.remove('dragged-movable-control-box');
-    document.querySelector(`[target-id='${draggingComponentId}']`).classList.add('dragged-movable-control-box');
+    document.querySelector(`[target-id='${draggingComponentId}']`)?.classList.add('dragged-movable-control-box');
   } else if (document.querySelector(`.dragged-movable-control-box`)) {
     document.querySelector(`.dragged-movable-control-box`)?.classList.remove('dragged-movable-control-box');
   }