diff --git a/components/breadcrumb/Breadcrumb.tsx b/components/breadcrumb/Breadcrumb.tsx
index 91b7857f4..ca09e0ab4 100644
--- a/components/breadcrumb/Breadcrumb.tsx
+++ b/components/breadcrumb/Breadcrumb.tsx
@@ -66,9 +66,9 @@ export default defineComponent({
       return path;
     };
 
-    const addChildPath = (paths: string[], childPath = '', params: unknown) => {
+    const addChildPath = (paths: string[], childPath: string, params: unknown) => {
       const originalPaths = [...paths];
-      const path = getPath(childPath, params);
+      const path = getPath(childPath || '', params);
       if (path) {
         originalPaths.push(path);
       }
diff --git a/components/breadcrumb/style/index.less b/components/breadcrumb/style/index.less
index 52bba1202..ca29afb3a 100644
--- a/components/breadcrumb/style/index.less
+++ b/components/breadcrumb/style/index.less
@@ -16,6 +16,7 @@
   a {
     color: @breadcrumb-link-color;
     transition: color 0.3s;
+
     &:hover {
       color: @breadcrumb-link-color-hover;
     }
@@ -23,6 +24,7 @@
 
   & > span:last-child {
     color: @breadcrumb-last-item-color;
+
     a {
       color: @breadcrumb-last-item-color;
     }
diff --git a/components/breadcrumb/style/index.ts b/components/breadcrumb/style/index.tsx
similarity index 83%
rename from components/breadcrumb/style/index.ts
rename to components/breadcrumb/style/index.tsx
index 165d103fd..3d7084daa 100644
--- a/components/breadcrumb/style/index.ts
+++ b/components/breadcrumb/style/index.tsx
@@ -1,5 +1,6 @@
 import '../../style/index.less';
 import './index.less';
 
+// style dependencies
 import '../../menu/style';
 import '../../dropdown/style';