From c026988cfae01e8c5d84897a1aef9008f349dcfa Mon Sep 17 00:00:00 2001
From: Sakura Knoll <s4kura.knoll@gmail.com>
Date: Sun, 9 Jan 2022 20:11:19 +0900
Subject: [PATCH] Apply text overflow style for breadcrumb items

---
 src/components/organisms/Breadcrumb.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/organisms/Breadcrumb.tsx b/src/components/organisms/Breadcrumb.tsx
index 41ebb9ba..e567f1b2 100644
--- a/src/components/organisms/Breadcrumb.tsx
+++ b/src/components/organisms/Breadcrumb.tsx
@@ -41,7 +41,15 @@ const Breadcrumb = ({ items }: BreadcrumbProps) => {
           >
             <Icon size={0.8} path={mdiChevronRight} />
             <NextLink passHref href={item.href}>
-              <NavLink>{item.label}</NavLink>
+              <NavLink
+                sx={{
+                  overflow: 'hidden',
+                  whiteSpace: 'nowrap',
+                  textOverflow: 'ellipsis',
+                }}
+              >
+                {item.label}
+              </NavLink>
             </NextLink>
           </React.Fragment>
         )