diff --git a/resources/js/Components/BaseComponents/BaseBuilderUi/Blocks/PersonBlock.vue b/resources/js/Components/BaseComponents/BaseBuilderUi/Blocks/PersonBlock.vue
index f107490..f0289c0 100644
--- a/resources/js/Components/BaseComponents/BaseBuilderUi/Blocks/PersonBlock.vue
+++ b/resources/js/Components/BaseComponents/BaseBuilderUi/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-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">
+			<img v-if="block.data.photo" @click="toggler = !toggler" loading="lazy" class="rounded-xl md: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 }}
diff --git a/resources/js/Components/BaseComponents/Breadcrumbs/BreadcrumbsWrapper.vue b/resources/js/Components/BaseComponents/Breadcrumbs/BreadcrumbsWrapper.vue
index 00dfc34..c279896 100644
--- a/resources/js/Components/BaseComponents/Breadcrumbs/BreadcrumbsWrapper.vue
+++ b/resources/js/Components/BaseComponents/Breadcrumbs/BreadcrumbsWrapper.vue
@@ -1,5 +1,5 @@
 <template>
-	<ol class="flex items-center whitespace-normal min-w-0 flex-nowrap hide-scrollbar overflow-x-scroll" aria-label="Breadcrumb">
+	<ol style="white-space: nowrap;" class="flex items-center whitespace-normal min-w-0 flex-nowrap hide-scrollbar overflow-x-scroll" aria-label="Breadcrumb">
 		<slot />
 	</ol>
 </template>
diff --git a/resources/js/Components/BuilderUi/Pages/Blocks/PersonBlock.vue b/resources/js/Components/BuilderUi/Pages/Blocks/PersonBlock.vue
index f107490..f0289c0 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-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">
+			<img v-if="block.data.photo" @click="toggler = !toggler" loading="lazy" class="rounded-xl md: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 }}