diff --git a/resources/js/Components/BuilderUi/Pages/Blocks/PersonBlock.vue b/resources/js/Components/BuilderUi/Pages/Blocks/PersonBlock.vue
index 90b1c8a..f107490 100644
--- a/resources/js/Components/BuilderUi/Pages/Blocks/PersonBlock.vue
+++ b/resources/js/Components/BuilderUi/Pages/Blocks/PersonBlock.vue
@@ -1,7 +1,7 @@
 <template>
 	<div class="w-full rounded-xl mb-4 p-4 md:p-6 bg-white border border-gray-200 ">
-		<div class="flex items-center gap-x-4 text-nowrap">
-			<img @click="toggler = !toggler" loading="lazy" class="rounded-xl w-[150px]" :src="'/storage/' + block.data.photo" alt="Image Description">
+		<div class="flex items-center gap-y-4 gap-x-4 flex-wrap md:flex-nowrap">
+			<img v-if="block.data.photo" @click="toggler = !toggler" loading="lazy" class="rounded-xl w-[150px]" :src="'/storage/' + block.data.photo" alt="Image Description">
 			<div class="grow overflow-x-auto">
 				<p class="font-medium text-gray-800 hover:text-gray-500">
 					{{ block.data.name }}