diff --git a/public/js/components/Calendar/Base/Grid/Line/Event.js b/public/js/components/Calendar/Base/Grid/Line/Event.js
index 4efa47d55..463f21e57 100644
--- a/public/js/components/Calendar/Base/Grid/Line/Event.js
+++ b/public/js/components/Calendar/Base/Grid/Line/Event.js
@@ -158,7 +158,7 @@ export default {
 		data-cy="calendar-event"
 	>
 		<div
-			v-if="resizable && mode !== 'range'"
+			v-if="resizable & event?.type !== 'loading' && mode !== 'range'"
 			class="fhc-resize-bar fhc-resize-bar--top"
 			@pointerdown.prevent.stop="onResizeStart('start', $event)"
 			@click.stop
@@ -169,7 +169,7 @@ export default {
 			{{ event.orig }}
 		</slot>
 		<div
-			v-if="resizable && mode !== 'range'"
+			v-if="resizable & event?.type !== 'loading' && mode !== 'range'"
 			class="fhc-resize-bar fhc-resize-bar--bottom"
 			@pointerdown.prevent.stop="onResizeStart('end', $event)"
 			@click.stop
@@ -177,7 +177,7 @@ export default {
 			<i class="fa-solid fa-grip-lines text-muted"></i>
 		</div>
 		<div
-			v-if="resizable && mode === 'range'"
+			v-if="resizable & event?.type !== 'loading' && mode === 'range'"
 			class="fhc-resize-bar fhc-resize-bar--left"
 			@pointerdown.prevent.stop="onResizeStart('start', $event)"
 			@click.stop
@@ -185,7 +185,7 @@ export default {
 			<i class="fa-solid fa-grip-lines-vertical text-muted"></i>
 		</div>
 		<div
-			v-if="resizable && mode === 'range'"
+			v-if="resizable & event?.type !== 'loading' && mode === 'range'"
 			class="fhc-resize-bar fhc-resize-bar--right"
 			@pointerdown.prevent.stop="onResizeStart('end', $event)"
 			@click.stop