diff --git a/src/primevue/breadcrumb/breadcrumb.stories.ts b/src/primevue/breadcrumb/breadcrumb.stories.ts
index 1ce4352..4e8a0b1 100644
--- a/src/primevue/breadcrumb/breadcrumb.stories.ts
+++ b/src/primevue/breadcrumb/breadcrumb.stories.ts
@@ -56,10 +56,10 @@ export const Default: Story = {
                     @mouseleave="isHovered = false"
                   >
                     <template v-if="isHovered">
-                      <HomeFilledIcon />
+                      <HomeFilledIcon class="-ml-2" />
                     </template>
                     <template v-else>
-                      <HomeOutlineIcon />
+                      <HomeOutlineIcon class="-ml-2" />
                     </template>
                   </span>
                 </template>
diff --git a/src/primevue/breadcrumb/breadcrumb.ts b/src/primevue/breadcrumb/breadcrumb.ts
index b48df38..0d2b519 100644
--- a/src/primevue/breadcrumb/breadcrumb.ts
+++ b/src/primevue/breadcrumb/breadcrumb.ts
@@ -6,7 +6,7 @@ const breadcrumb: BreadcrumbPassThroughOptions = {
     class: tw`m-0 flex list-none flex-wrap items-center p-0 leading-none`,
   },
   item: {
-    class: tw`flex-no-wrap ris-label1-regular my-2 flex items-center`,
+    class: tw`flex-no-wrap ris-label1-regular my-2 flex items-center break-all`,
   },
   itemLink: {
     class: tw`ris-link1-regular inline-flex cursor-pointer items-center leading-tight no-underline outline-4 outline-offset-4 outline-blue-800 hover:underline focus:outline`,