diff --git a/frontend/components/profile/tickets/[id]/TicketBubbleLoading.vue b/frontend/components/profile/tickets/[id]/TicketBubbleLoading.vue
new file mode 100644
index 0000000..62bc9c4
--- /dev/null
+++ b/frontend/components/profile/tickets/[id]/TicketBubbleLoading.vue
@@ -0,0 +1,25 @@
+<script setup lang="ts">
+// types
+
+type Props = {
+    is_user: boolean;
+};
+
+// props
+
+defineProps<Props>();
+</script>
+
+<template>
+    <div
+        class="w-full flex items-center"
+        :class="is_user ? 'justify-start' : 'justify-end'"
+    >
+        <Skeleton
+            class="!w-full lg:!w-1/2 !h-32 border border-slate-200 !rounded-xl p-5 flex items-start"
+            :class="is_user ? '!rounded-br-none' : '!rounded-bl-none'"
+        ></Skeleton>
+    </div>
+</template>
+
+<style scoped></style>