From 879077098b2c4198e0641e1ffd9f5de1bff2babb Mon Sep 17 00:00:00 2001
From: Caner Akdas <canerakdas@gmail.com>
Date: Fri, 3 Jan 2025 19:19:32 +0300
Subject: [PATCH] fix: breadcrumb overflow on mobile resolution (#7372)

fix: breadcrumb overflow
---
 .../Common/Breadcrumbs/BreadcrumbItem/index.module.css       | 4 ++--
 .../Common/Breadcrumbs/BreadcrumbRoot/index.module.css       | 5 +++--
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/apps/site/components/Common/Breadcrumbs/BreadcrumbItem/index.module.css b/apps/site/components/Common/Breadcrumbs/BreadcrumbItem/index.module.css
index eca19df43f8ef..713fad32dac39 100644
--- a/apps/site/components/Common/Breadcrumbs/BreadcrumbItem/index.module.css
+++ b/apps/site/components/Common/Breadcrumbs/BreadcrumbItem/index.module.css
@@ -7,8 +7,8 @@
      text-sm
      font-medium;
 
-  &:last-child {
-    @apply w-full;
+  &:not(:last-child) {
+    @apply shrink-0;
   }
 
   a {
diff --git a/apps/site/components/Common/Breadcrumbs/BreadcrumbRoot/index.module.css b/apps/site/components/Common/Breadcrumbs/BreadcrumbRoot/index.module.css
index a0d9c35c8a58c..51043398d4657 100644
--- a/apps/site/components/Common/Breadcrumbs/BreadcrumbRoot/index.module.css
+++ b/apps/site/components/Common/Breadcrumbs/BreadcrumbRoot/index.module.css
@@ -1,6 +1,7 @@
 .list {
-  @apply flex
-    w-full
+  @apply xs:w-full
+    flex
+    w-screen
     gap-5
     px-6;
 }