diff --git a/src/components/General/BreadcrumbBar/BreadcrumbBar.css b/src/components/General/Breadcrumb/Breadcrumb.css
similarity index 100%
rename from src/components/General/BreadcrumbBar/BreadcrumbBar.css
rename to src/components/General/Breadcrumb/Breadcrumb.css
diff --git a/src/components/General/BreadcrumbBar/BreadcrumbBar.stories.tsx b/src/components/General/Breadcrumb/Breadcrumb.stories.tsx
similarity index 67%
rename from src/components/General/BreadcrumbBar/BreadcrumbBar.stories.tsx
rename to src/components/General/Breadcrumb/Breadcrumb.stories.tsx
index 973ccaad..6ce97050 100644
--- a/src/components/General/BreadcrumbBar/BreadcrumbBar.stories.tsx
+++ b/src/components/General/Breadcrumb/Breadcrumb.stories.tsx
@@ -1,15 +1,15 @@
 import type { Meta, StoryObj } from '@storybook/react'
 
-import BreadcrumbBar from './BreadcrumbBar'
+import Breadcrumb from './Breadcrumb'
 
 const meta = {
-  title: 'General/BreadcrumbBar',
-  component: BreadcrumbBar,
+  title: 'General/Breadcrumb',
+  component: Breadcrumb,
   parameters: {
     layout: 'top',
   },
   tags: ['autodocs'],
-} satisfies Meta<typeof BreadcrumbBar>
+} satisfies Meta<typeof Breadcrumb>
 
 export default meta
 type Story = StoryObj<typeof meta>
diff --git a/src/components/General/BreadcrumbBar/BreadcrumbBar.tsx b/src/components/General/Breadcrumb/Breadcrumb.tsx
similarity index 85%
rename from src/components/General/BreadcrumbBar/BreadcrumbBar.tsx
rename to src/components/General/Breadcrumb/Breadcrumb.tsx
index f98c116a..8f68fff5 100644
--- a/src/components/General/BreadcrumbBar/BreadcrumbBar.tsx
+++ b/src/components/General/Breadcrumb/Breadcrumb.tsx
@@ -2,13 +2,13 @@ import { Text } from '@status-im/components'
 import { ChevronRightIcon } from '@status-im/icons'
 import { XStack } from 'tamagui'
 
-import './BreadcrumbBar.css'
+import './Breadcrumb.css'
 
 type BreadcrumbBarProps = {
   breadcrumbList: string[]
 }
 
-const BreadcrumbBar = ({ breadcrumbList }: BreadcrumbBarProps) => {
+const Breadcrumb = ({ breadcrumbList }: BreadcrumbBarProps) => {
   return (
     <nav className="breadcrumb-bar-nav">
       <ul className="breadcrumb-bar-ul">
@@ -28,4 +28,4 @@ const BreadcrumbBar = ({ breadcrumbList }: BreadcrumbBarProps) => {
   )
 }
 
-export default BreadcrumbBar
+export default Breadcrumb
diff --git a/src/pages/ManageValidator/RightManagePanels/PanelContent.tsx b/src/pages/ManageValidator/RightManagePanels/PanelContent.tsx
index edd67180..967f14cc 100644
--- a/src/pages/ManageValidator/RightManagePanels/PanelContent.tsx
+++ b/src/pages/ManageValidator/RightManagePanels/PanelContent.tsx
@@ -1,7 +1,8 @@
 import { Text } from '@status-im/components'
 import { ExpandRsIcon } from '@status-im/icons'
 import { XStack, YStack } from 'tamagui'
-import BreadcrumbBar from '../../../components/General/BreadcrumbBar/BreadcrumbBar'
+
+import Breadcrumb from '../../../components/General/Breadcrumb/Breadcrumb'
 
 type PanelContentProps = {
   children: React.ReactNode
@@ -21,7 +22,7 @@ const PanelContent = ({
       space={'$3'}
       style={{ padding: isModalWidth ? 0 : '30px', alignItems: 'start' }}
     >
-      <BreadcrumbBar
+      <Breadcrumb
         breadcrumbList={[
           'Validator Management',
           'Manage Validator',