diff --git a/src/components/Icon/src/Icon.vue b/src/components/Icon/src/Icon.vue
index 00dfa5d7..4246539f 100644
--- a/src/components/Icon/src/Icon.vue
+++ b/src/components/Icon/src/Icon.vue
@@ -32,6 +32,7 @@ const getIconifyStyle = computed(() => {
   const { color, size } = props
   return {
     fontSize: `${size}px`,
+    height: '1em',
     color
   }
 })
diff --git a/src/layout/components/Breadcrumb/src/Breadcrumb.vue b/src/layout/components/Breadcrumb/src/Breadcrumb.vue
index de036654..1852a59b 100644
--- a/src/layout/components/Breadcrumb/src/Breadcrumb.vue
+++ b/src/layout/components/Breadcrumb/src/Breadcrumb.vue
@@ -52,10 +52,10 @@ export default defineComponent({
         return (
           <ElBreadcrumbItem to={{ path: disabled ? '' : v.path }} key={v.name}>
             {meta?.icon && breadcrumbIcon.value ? (
-              <>
+              <div class="flex items-center">
                 <Icon icon={meta.icon} class="mr-[2px]" svgClass="inline-block"></Icon>
                 {t(v?.meta?.title)}
-              </>
+              </div>
             ) : (
               t(v?.meta?.title)
             )}
@@ -114,9 +114,10 @@ $prefix-cls: #{$elNamespace}-breadcrumb;
       }
     }
   }
-
   :deep(&__item):last-child {
     .#{$prefix-cls}__inner {
+      display: flex;
+      align-items: center;
       color: var(--el-text-color-placeholder);
 
       &:hover {