diff --git a/packages/react-component-library/src/components/TopLevelNavigation/SidebarE/SidebarE.stories.tsx b/packages/react-component-library/src/components/TopLevelNavigation/Sidebar/Sidebar.stories.tsx
similarity index 69%
rename from packages/react-component-library/src/components/TopLevelNavigation/SidebarE/SidebarE.stories.tsx
rename to packages/react-component-library/src/components/TopLevelNavigation/Sidebar/Sidebar.stories.tsx
index d00d5fed77..c9933b210c 100644
--- a/packages/react-component-library/src/components/TopLevelNavigation/SidebarE/SidebarE.stories.tsx
+++ b/packages/react-component-library/src/components/TopLevelNavigation/Sidebar/Sidebar.stories.tsx
@@ -13,11 +13,11 @@ import {
 } from '@defencedigital/icon-library'
 
 import {
-  SidebarE,
-  SidebarNavE,
-  SidebarNavItemE,
-  SidebarUserE,
-  SidebarWrapperE,
+  Sidebar,
+  SidebarNav,
+  SidebarNavItem,
+  SidebarUser,
+  SidebarWrapper,
 } from '.'
 import { Link } from '../../Link'
 import { Notification, Notifications } from '../NotificationPanel'
@@ -36,16 +36,16 @@ const disableColorContrastRule = {
 }
 
 export default {
-  component: SidebarE,
+  component: Sidebar,
   subcomponents: {
-    SidebarNavE,
-    SidebarNavItemE,
-    SidebarUserE,
-    SidebarWrapperE,
+    SidebarNav,
+    SidebarNavItem,
+    SidebarUser,
+    SidebarWrapper,
     Notifications,
     Notification,
   },
-  title: 'Sidebar (Experimental)',
+  title: 'Sidebar',
   parameters: {
     actions: { argTypesRegex: '^on.*' },
     docs: {
@@ -56,47 +56,47 @@ export default {
     },
     layout: 'fullscreen',
   },
-} as ComponentMeta<typeof SidebarE>
+} as ComponentMeta<typeof Sidebar>
 
-const StyledSidebarE = styled(SidebarE)`
+const StyledSidebar = styled(Sidebar)`
   max-height: 30rem;
 `
 
-export const Default: ComponentStory<typeof SidebarE> = (props) => {
+export const Default: ComponentStory<typeof Sidebar> = (props) => {
   const sidebarNav = (
-    <SidebarNavE>
-      <SidebarNavItemE
+    <SidebarNav>
+      <SidebarNavItem
         icon={<IconHome />}
         link={<Link href="#">Dashboard</Link>}
       />
-      <SidebarNavItemE
+      <SidebarNavItem
         icon={<IconVerifiedUser />}
         link={<Link href="#">Reports</Link>}
       />
-      <SidebarNavItemE
+      <SidebarNavItem
         icon={<IconLocalShipping />}
         link={<Link href="#">Platforms</Link>}
       />
-      <SidebarNavItemE
+      <SidebarNavItem
         icon={<IconFeedback />}
         link={<Link href="#">Data&nbsp;Feed</Link>}
       />
-      <SidebarNavItemE
+      <SidebarNavItem
         isActive
         icon={<IconMessage />}
         link={<Link href="#">Messages</Link>}
       />
-      <SidebarNavItemE
+      <SidebarNavItem
         icon={<IconSettings />}
         link={<Link href="#">Settings</Link>}
       />
-    </SidebarNavE>
+    </SidebarNav>
   )
 
   return (
-    <SidebarWrapperE>
+    <SidebarWrapper>
       <div style={{ maxHeight: '30rem' }}>
-        <StyledSidebarE {...props}>{sidebarNav}</StyledSidebarE>
+        <StyledSidebar {...props}>{sidebarNav}</StyledSidebar>
       </div>
       <main
         style={{
@@ -107,49 +107,49 @@ export const Default: ComponentStory<typeof SidebarE> = (props) => {
       >
         Hello, World!
       </main>
-    </SidebarWrapperE>
+    </SidebarWrapper>
   )
 }
 
 Default.args = {}
 
-export const InitiallyOpen: ComponentStory<typeof SidebarE> = (props) => {
+export const InitiallyOpen: ComponentStory<typeof Sidebar> = (props) => {
   const sidebarNav = (
-    <SidebarNavE>
-      <SidebarNavItemE
+    <SidebarNav>
+      <SidebarNavItem
         icon={<IconHome />}
         link={<Link href="#">Dashboard</Link>}
       />
-      <SidebarNavItemE
+      <SidebarNavItem
         icon={<IconVerifiedUser />}
         link={<Link href="#">Reports</Link>}
       />
-      <SidebarNavItemE
+      <SidebarNavItem
         icon={<IconLocalShipping />}
         link={<Link href="#">Platforms</Link>}
       />
-      <SidebarNavItemE
+      <SidebarNavItem
         icon={<IconFeedback />}
         link={<Link href="#">Data&nbsp;Feed</Link>}
       />
-      <SidebarNavItemE
+      <SidebarNavItem
         isActive
         icon={<IconMessage />}
         link={<Link href="#">Messages</Link>}
       />
-      <SidebarNavItemE
+      <SidebarNavItem
         icon={<IconSettings />}
         link={<Link href="#">Settings</Link>}
       />
-    </SidebarNavE>
+    </SidebarNav>
   )
 
   return (
-    <SidebarWrapperE>
+    <SidebarWrapper>
       <div style={{ maxHeight: '30rem' }}>
-        <StyledSidebarE {...props} initialIsOpen>
+        <StyledSidebar {...props} initialIsOpen>
           {sidebarNav}
-        </StyledSidebarE>
+        </StyledSidebar>
       </div>
       <main
         style={{
@@ -160,7 +160,7 @@ export const InitiallyOpen: ComponentStory<typeof SidebarE> = (props) => {
       >
         Hello, World!
       </main>
-    </SidebarWrapperE>
+    </SidebarWrapper>
   )
 }
 
@@ -170,62 +170,62 @@ InitiallyOpen.parameters = disableColorContrastRule
 
 InitiallyOpen.storyName = 'Initially open'
 
-export const WithSubNavigation: ComponentStory<typeof SidebarE> = (props) => {
+export const WithSubNavigation: ComponentStory<typeof Sidebar> = (props) => {
   const sidebarNavWithSub = (
-    <SidebarNavE>
-      <SidebarNavItemE
+    <SidebarNav>
+      <SidebarNavItem
         icon={<IconHome />}
         link={<Link href="#">Dashboard</Link>}
       />
-      <SidebarNavItemE
+      <SidebarNavItem
         icon={<IconVerifiedUser />}
         link={<Link href="#">Reports</Link>}
       >
-        <SidebarNavE>
-          <SidebarNavItemE link={<Link href="#">Sub-nav-item 1</Link>} />
-          <SidebarNavItemE link={<Link href="#">Sub-nav-item 2</Link>} />
-          <SidebarNavItemE link={<Link href="#">Sub-nav-item 3</Link>} />
-        </SidebarNavE>
-      </SidebarNavItemE>
-      <SidebarNavItemE
+        <SidebarNav>
+          <SidebarNavItem link={<Link href="#">Sub-nav-item 1</Link>} />
+          <SidebarNavItem link={<Link href="#">Sub-nav-item 2</Link>} />
+          <SidebarNavItem link={<Link href="#">Sub-nav-item 3</Link>} />
+        </SidebarNav>
+      </SidebarNavItem>
+      <SidebarNavItem
         icon={<IconLocalShipping />}
         link={<Link href="#">Platforms</Link>}
       />
-      <SidebarNavItemE
+      <SidebarNavItem
         icon={<IconFeedback />}
         link={<Link href="#">Data&nbsp;Feed</Link>}
       >
-        <SidebarNavE>
-          <SidebarNavItemE link={<Link href="#">Sub-nav-item 1</Link>} />
-          <SidebarNavItemE link={<Link href="#">Sub-nav-item 2</Link>} />
-          <SidebarNavItemE link={<Link href="#">Sub-nav-item 3</Link>} />
-        </SidebarNavE>
-      </SidebarNavItemE>
-      <SidebarNavItemE
+        <SidebarNav>
+          <SidebarNavItem link={<Link href="#">Sub-nav-item 1</Link>} />
+          <SidebarNavItem link={<Link href="#">Sub-nav-item 2</Link>} />
+          <SidebarNavItem link={<Link href="#">Sub-nav-item 3</Link>} />
+        </SidebarNav>
+      </SidebarNavItem>
+      <SidebarNavItem
         isActive
         icon={<IconMessage />}
         link={<Link href="#">Messages</Link>}
       >
-        <SidebarNavE>
-          <SidebarNavItemE link={<Link href="#">Sub-nav-item 1</Link>} />
-          <SidebarNavItemE link={<Link href="#">Sub-nav-item 2</Link>} />
-          <SidebarNavItemE
+        <SidebarNav>
+          <SidebarNavItem link={<Link href="#">Sub-nav-item 1</Link>} />
+          <SidebarNavItem link={<Link href="#">Sub-nav-item 2</Link>} />
+          <SidebarNavItem
             isActive
             link={<Link href="#">Sub-nav-item 3</Link>}
           />
-        </SidebarNavE>
-      </SidebarNavItemE>
-      <SidebarNavItemE
+        </SidebarNav>
+      </SidebarNavItem>
+      <SidebarNavItem
         icon={<IconSettings />}
         link={<Link href="#">Settings</Link>}
       />
-    </SidebarNavE>
+    </SidebarNav>
   )
 
   return (
-    <SidebarWrapperE>
+    <SidebarWrapper>
       <div style={{ maxHeight: '30rem' }}>
-        <StyledSidebarE {...props}>{sidebarNavWithSub}</StyledSidebarE>
+        <StyledSidebar {...props}>{sidebarNavWithSub}</StyledSidebar>
       </div>
       <main
         style={{
@@ -236,53 +236,49 @@ export const WithSubNavigation: ComponentStory<typeof SidebarE> = (props) => {
       >
         Hello, World!
       </main>
-    </SidebarWrapperE>
+    </SidebarWrapper>
   )
 }
 
 WithSubNavigation.storyName = 'With sub-navigation'
 
-export const WithHeader: ComponentStory<typeof SidebarE> = (props) => {
+export const WithHeader: ComponentStory<typeof Sidebar> = (props) => {
   const sidebarNav = (
-    <SidebarNavE>
-      <SidebarNavItemE
+    <SidebarNav>
+      <SidebarNavItem
         icon={<IconHome />}
         link={<Link href="#">Dashboard</Link>}
       />
-      <SidebarNavItemE
+      <SidebarNavItem
         icon={<IconVerifiedUser />}
         link={<Link href="#">Reports</Link>}
       />
-      <SidebarNavItemE
+      <SidebarNavItem
         icon={<IconLocalShipping />}
         link={<Link href="#">Platforms</Link>}
       />
-      <SidebarNavItemE
+      <SidebarNavItem
         icon={<IconFeedback />}
         link={<Link href="#">Data&nbsp;Feed</Link>}
       />
-      <SidebarNavItemE
+      <SidebarNavItem
         isActive
         icon={<IconMessage />}
         link={<Link href="#">Messages</Link>}
       />
-      <SidebarNavItemE
+      <SidebarNavItem
         icon={<IconSettings />}
         link={<Link href="#">Settings</Link>}
       />
-    </SidebarNavE>
+    </SidebarNav>
   )
 
   return (
-    <SidebarWrapperE>
+    <SidebarWrapper>
       <div style={{ maxHeight: '30rem' }}>
-        <StyledSidebarE
-          {...props}
-          icon={<IconGrain />}
-          title="Application Name"
-        >
+        <StyledSidebar {...props} icon={<IconGrain />} title="Application Name">
           {sidebarNav}
-        </StyledSidebarE>
+        </StyledSidebar>
       </div>
       <main
         style={{
@@ -293,15 +289,15 @@ export const WithHeader: ComponentStory<typeof SidebarE> = (props) => {
       >
         Hello, World!
       </main>
-    </SidebarWrapperE>
+    </SidebarWrapper>
   )
 }
 
 WithHeader.storyName = 'With header'
 
-export const WithUserMenu: ComponentStory<typeof SidebarE> = (props) => {
+export const WithUserMenu: ComponentStory<typeof Sidebar> = (props) => {
   const userWithLinks = (
-    <SidebarUserE
+    <SidebarUser
       initials="HN"
       name="Horatio Nelson"
       userLink={<Link href="#">Profile</Link>}
@@ -310,41 +306,41 @@ export const WithUserMenu: ComponentStory<typeof SidebarE> = (props) => {
   )
 
   const sidebarNav = (
-    <SidebarNavE>
-      <SidebarNavItemE
+    <SidebarNav>
+      <SidebarNavItem
         icon={<IconHome />}
         link={<Link href="#">Dashboard</Link>}
       />
-      <SidebarNavItemE
+      <SidebarNavItem
         icon={<IconVerifiedUser />}
         link={<Link href="#">Reports</Link>}
       />
-      <SidebarNavItemE
+      <SidebarNavItem
         icon={<IconLocalShipping />}
         link={<Link href="#">Platforms</Link>}
       />
-      <SidebarNavItemE
+      <SidebarNavItem
         icon={<IconFeedback />}
         link={<Link href="#">Data&nbsp;Feed</Link>}
       />
-      <SidebarNavItemE
+      <SidebarNavItem
         isActive
         icon={<IconMessage />}
         link={<Link href="#">Messages</Link>}
       />
-      <SidebarNavItemE
+      <SidebarNavItem
         icon={<IconSettings />}
         link={<Link href="#">Settings</Link>}
       />
-    </SidebarNavE>
+    </SidebarNav>
   )
 
   return (
-    <SidebarWrapperE>
+    <SidebarWrapper>
       <div style={{ maxHeight: '30rem' }}>
-        <StyledSidebarE {...props} user={userWithLinks}>
+        <StyledSidebar {...props} user={userWithLinks}>
           {sidebarNav}
-        </StyledSidebarE>
+        </StyledSidebar>
       </div>
       <main
         style={{
@@ -355,13 +351,13 @@ export const WithUserMenu: ComponentStory<typeof SidebarE> = (props) => {
       >
         Hello, World!
       </main>
-    </SidebarWrapperE>
+    </SidebarWrapper>
   )
 }
 
 WithUserMenu.storyName = 'With user menu'
 
-export const WithNotifications: ComponentStory<typeof SidebarE> = (props) => {
+export const WithNotifications: ComponentStory<typeof Sidebar> = (props) => {
   const notifications = (
     <Notifications link={<Link href="#" />}>
       <Notification
@@ -392,45 +388,45 @@ export const WithNotifications: ComponentStory<typeof SidebarE> = (props) => {
   )
 
   const sidebarNav = (
-    <SidebarNavE>
-      <SidebarNavItemE
+    <SidebarNav>
+      <SidebarNavItem
         icon={<IconHome />}
         link={<Link href="#">Dashboard</Link>}
       />
-      <SidebarNavItemE
+      <SidebarNavItem
         icon={<IconVerifiedUser />}
         link={<Link href="#">Reports</Link>}
       />
-      <SidebarNavItemE
+      <SidebarNavItem
         icon={<IconLocalShipping />}
         link={<Link href="#">Platforms</Link>}
       />
-      <SidebarNavItemE
+      <SidebarNavItem
         icon={<IconFeedback />}
         link={<Link href="#">Data&nbsp;Feed</Link>}
       />
-      <SidebarNavItemE
+      <SidebarNavItem
         isActive
         icon={<IconMessage />}
         link={<Link href="#">Messages</Link>}
       />
-      <SidebarNavItemE
+      <SidebarNavItem
         icon={<IconSettings />}
         link={<Link href="#">Settings</Link>}
       />
-    </SidebarNavE>
+    </SidebarNav>
   )
 
   return (
-    <SidebarWrapperE>
+    <SidebarWrapper>
       <div style={{ maxHeight: '30rem' }}>
-        <StyledSidebarE
+        <StyledSidebar
           {...props}
           notifications={notifications}
           hasUnreadNotification
         >
           {sidebarNav}
-        </StyledSidebarE>
+        </StyledSidebar>
       </div>
       <main
         style={{
@@ -441,7 +437,7 @@ export const WithNotifications: ComponentStory<typeof SidebarE> = (props) => {
       >
         Hello, World!
       </main>
-    </SidebarWrapperE>
+    </SidebarWrapper>
   )
 }
 
diff --git a/packages/react-component-library/src/components/TopLevelNavigation/SidebarE/SidebarE.test.tsx b/packages/react-component-library/src/components/TopLevelNavigation/Sidebar/Sidebar.test.tsx
similarity index 86%
rename from packages/react-component-library/src/components/TopLevelNavigation/SidebarE/SidebarE.test.tsx
rename to packages/react-component-library/src/components/TopLevelNavigation/Sidebar/Sidebar.test.tsx
index fdcae66d42..0d43297f37 100644
--- a/packages/react-component-library/src/components/TopLevelNavigation/SidebarE/SidebarE.test.tsx
+++ b/packages/react-component-library/src/components/TopLevelNavigation/Sidebar/Sidebar.test.tsx
@@ -9,19 +9,19 @@ import {
 import { IconHome, IconGrain } from '@defencedigital/icon-library'
 
 import {
-  SidebarE,
-  SidebarNavE,
-  SidebarNavItemE,
-  SidebarUserE,
-  SidebarWrapperE,
+  Sidebar,
+  SidebarNav,
+  SidebarNavItem,
+  SidebarUser,
+  SidebarWrapper,
 } from '.'
 import { Link } from '../../Link'
 import { Notification, Notifications } from '../NotificationPanel'
 
-const user = <SidebarUserE initials="HN" name="Horatio Nelson" />
+const user = <SidebarUser initials="HN" name="Horatio Nelson" />
 
 const userWithLinks = (
-  <SidebarUserE
+  <SidebarUser
     initials="HN"
     name="Horatio Nelson"
     userLink={<Link href="/user-profile">Profile</Link>}
@@ -50,24 +50,24 @@ const notifications = (
   </Notifications>
 )
 
-describe('SidebarE', () => {
+describe('Sidebar', () => {
   let wrapper: RenderResult
 
   describe('when `initialIsOpen` is set', () => {
     beforeEach(() => {
       wrapper = render(
-        <SidebarWrapperE>
-          <SidebarE initialIsOpen icon={<IconGrain />} title="Application Name">
-            <SidebarNavE>
-              <SidebarNavItemE
+        <SidebarWrapper>
+          <Sidebar initialIsOpen icon={<IconGrain />} title="Application Name">
+            <SidebarNav>
+              <SidebarNavItem
                 icon={<IconHome />}
                 link={<Link href="/dashboard">Dashboard</Link>}
               />
-              <SidebarNavItemE link={<Link href="/reports">Reports</Link>} />
-            </SidebarNavE>
-          </SidebarE>
+              <SidebarNavItem link={<Link href="/reports">Reports</Link>} />
+            </SidebarNav>
+          </Sidebar>
           <main>Hello, World!</main>
-        </SidebarWrapperE>
+        </SidebarWrapper>
       )
       fireEvent.mouseEnter(wrapper.getAllByTestId('sidebar-nav-item')[0])
     })
@@ -82,7 +82,7 @@ describe('SidebarE', () => {
       expect(() => {
         wrapper = render(
           <React.StrictMode>
-            <SidebarE />
+            <Sidebar />
           </React.StrictMode>
         )
 
@@ -93,7 +93,7 @@ describe('SidebarE', () => {
 
   describe('when composed with minimal props', () => {
     beforeEach(() => {
-      wrapper = render(<SidebarE />)
+      wrapper = render(<Sidebar />)
     })
 
     it('does not render the header', () => {
@@ -104,18 +104,18 @@ describe('SidebarE', () => {
   describe('when composed with single level of navigaton and header items', () => {
     beforeEach(() => {
       wrapper = render(
-        <SidebarWrapperE>
-          <SidebarE icon={<IconGrain />} title="Application Name">
-            <SidebarNavE>
-              <SidebarNavItemE
+        <SidebarWrapper>
+          <Sidebar icon={<IconGrain />} title="Application Name">
+            <SidebarNav>
+              <SidebarNavItem
                 icon={<IconHome />}
                 link={<Link href="/dashboard">Dashboard</Link>}
               />
-              <SidebarNavItemE link={<Link href="/reports">Reports</Link>} />
-            </SidebarNavE>
-          </SidebarE>
+              <SidebarNavItem link={<Link href="/reports">Reports</Link>} />
+            </SidebarNav>
+          </Sidebar>
           <main>Hello, World!</main>
-        </SidebarWrapperE>
+        </SidebarWrapper>
       )
     })
 
@@ -223,18 +223,18 @@ describe('SidebarE', () => {
   describe('when composed with a user with user or exit links', () => {
     beforeEach(() => {
       wrapper = render(
-        <SidebarWrapperE>
-          <SidebarE icon={<IconGrain />} title="Application Name" user={user}>
-            <SidebarNavE>
-              <SidebarNavItemE
+        <SidebarWrapper>
+          <Sidebar icon={<IconGrain />} title="Application Name" user={user}>
+            <SidebarNav>
+              <SidebarNavItem
                 icon={<IconHome />}
                 link={<Link href="/dashboard">Dashboard</Link>}
               />
-              <SidebarNavItemE link={<Link href="/reports">Reports</Link>} />
-            </SidebarNavE>
-          </SidebarE>
+              <SidebarNavItem link={<Link href="/reports">Reports</Link>} />
+            </SidebarNav>
+          </Sidebar>
           <main>Hello, World!</main>
-        </SidebarWrapperE>
+        </SidebarWrapper>
       )
     })
 
@@ -277,22 +277,22 @@ describe('SidebarE', () => {
   describe('when composed with a user menu, user link and exit link', () => {
     beforeEach(() => {
       wrapper = render(
-        <SidebarWrapperE>
-          <SidebarE
+        <SidebarWrapper>
+          <Sidebar
             icon={<IconGrain />}
             title="Application Name"
             user={userWithLinks}
           >
-            <SidebarNavE>
-              <SidebarNavItemE
+            <SidebarNav>
+              <SidebarNavItem
                 icon={<IconHome />}
                 link={<Link href="/dashboard">Dashboard</Link>}
               />
-              <SidebarNavItemE link={<Link href="/reports">Reports</Link>} />
-            </SidebarNavE>
-          </SidebarE>
+              <SidebarNavItem link={<Link href="/reports">Reports</Link>} />
+            </SidebarNav>
+          </Sidebar>
           <main>Hello, World!</main>
-        </SidebarWrapperE>
+        </SidebarWrapper>
       )
     })
 
@@ -380,22 +380,22 @@ describe('SidebarE', () => {
   describe('when composed with notifications and the `hasUnreadNotification` prop is not set', () => {
     beforeEach(() => {
       wrapper = render(
-        <SidebarWrapperE>
-          <SidebarE
+        <SidebarWrapper>
+          <Sidebar
             icon={<IconGrain />}
             title="Application Name"
             notifications={notifications}
           >
-            <SidebarNavE>
-              <SidebarNavItemE
+            <SidebarNav>
+              <SidebarNavItem
                 icon={<IconHome />}
                 link={<Link href="/dashboard">Dashboard</Link>}
               />
-              <SidebarNavItemE link={<Link href="/reports">Reports</Link>} />
-            </SidebarNavE>
-          </SidebarE>
+              <SidebarNavItem link={<Link href="/reports">Reports</Link>} />
+            </SidebarNav>
+          </Sidebar>
           <main>Hello, World!</main>
-        </SidebarWrapperE>
+        </SidebarWrapper>
       )
     })
 
@@ -407,23 +407,23 @@ describe('SidebarE', () => {
   describe('when composed with notifications and the `hasUnreadNotification prop is set`', () => {
     beforeEach(() => {
       wrapper = render(
-        <SidebarWrapperE>
-          <SidebarE
+        <SidebarWrapper>
+          <Sidebar
             icon={<IconGrain />}
             title="Application Name"
             notifications={notifications}
             hasUnreadNotification
           >
-            <SidebarNavE>
-              <SidebarNavItemE
+            <SidebarNav>
+              <SidebarNavItem
                 icon={<IconHome />}
                 link={<Link href="/dashboard">Dashboard</Link>}
               />
-              <SidebarNavItemE link={<Link href="/reports">Reports</Link>} />
-            </SidebarNavE>
-          </SidebarE>
+              <SidebarNavItem link={<Link href="/reports">Reports</Link>} />
+            </SidebarNav>
+          </Sidebar>
           <main>Hello, World!</main>
-        </SidebarWrapperE>
+        </SidebarWrapper>
       )
     })
 
@@ -499,30 +499,30 @@ describe('SidebarE', () => {
   describe('when composed with nested navigation', () => {
     beforeEach(() => {
       wrapper = render(
-        <SidebarWrapperE>
-          <SidebarE
+        <SidebarWrapper>
+          <Sidebar
             icon={<IconGrain />}
             title="Application Name"
             notifications={notifications}
             hasUnreadNotification
           >
-            <SidebarNavE>
-              <SidebarNavItemE
+            <SidebarNav>
+              <SidebarNavItem
                 icon={<IconHome />}
                 link={<Link href="/dashboard">Dashboard</Link>}
               >
-                <SidebarNavItemE
+                <SidebarNavItem
                   link={<Link href="/sub-nav-item-1">Sub-nav-item 1</Link>}
                 />
-                <SidebarNavItemE
+                <SidebarNavItem
                   link={<Link href="/sub-nav-item-2">Sub-nav-item 2</Link>}
                 />
-              </SidebarNavItemE>
-              <SidebarNavItemE link={<Link href="/reports">Reports</Link>} />
-            </SidebarNavE>
-          </SidebarE>
+              </SidebarNavItem>
+              <SidebarNavItem link={<Link href="/reports">Reports</Link>} />
+            </SidebarNav>
+          </Sidebar>
           <main>Hello, World!</main>
-        </SidebarWrapperE>
+        </SidebarWrapper>
       )
     })
 
@@ -592,29 +592,29 @@ describe('SidebarE', () => {
   describe('when composed with arbitrary props', () => {
     beforeEach(() => {
       wrapper = render(
-        <SidebarWrapperE data-arbitrary="arbitrary-wrapper">
-          <SidebarE
+        <SidebarWrapper data-arbitrary="arbitrary-wrapper">
+          <Sidebar
             data-arbitrary="arbitrary-sidebar"
             notifications={notifications}
           >
-            <SidebarNavE data-arbitrary="arbitrary-nav">
-              <SidebarNavItemE
+            <SidebarNav data-arbitrary="arbitrary-nav">
+              <SidebarNavItem
                 data-arbitrary="arbitrary-nav-item"
                 icon={<IconHome />}
                 link={<Link href="/dashboard">Dashboard</Link>}
               >
-                <SidebarNavItemE
+                <SidebarNavItem
                   link={<Link href="/sub-nav-item-1">Sub-nav-item 1</Link>}
                 />
-                <SidebarNavItemE
+                <SidebarNavItem
                   link={<Link href="/sub-nav-item-2">Sub-nav-item 2</Link>}
                 />
-              </SidebarNavItemE>
-              <SidebarNavItemE link={<Link href="/reports">Reports</Link>} />
-            </SidebarNavE>
-          </SidebarE>
+              </SidebarNavItem>
+              <SidebarNavItem link={<Link href="/reports">Reports</Link>} />
+            </SidebarNav>
+          </Sidebar>
           <main>Hello, World!</main>
-        </SidebarWrapperE>
+        </SidebarWrapper>
       )
     })
 
diff --git a/packages/react-component-library/src/components/TopLevelNavigation/SidebarE/SidebarE.tsx b/packages/react-component-library/src/components/TopLevelNavigation/Sidebar/Sidebar.tsx
similarity index 92%
rename from packages/react-component-library/src/components/TopLevelNavigation/SidebarE/SidebarE.tsx
rename to packages/react-component-library/src/components/TopLevelNavigation/Sidebar/Sidebar.tsx
index 31b604c18d..c442ee1c11 100644
--- a/packages/react-component-library/src/components/TopLevelNavigation/SidebarE/SidebarE.tsx
+++ b/packages/react-component-library/src/components/TopLevelNavigation/Sidebar/Sidebar.tsx
@@ -2,7 +2,7 @@ import React, { useRef } from 'react'
 import { Transition } from 'react-transition-group'
 
 import { SidebarHandle } from './SidebarHandle'
-import { SidebarUserEProps } from './SidebarUserE'
+import { SidebarUserProps } from './SidebarUser'
 import { SidebarNotifications } from './SidebarNotifications'
 import { ComponentWithClass } from '../../../common/ComponentWithClass'
 import { SidebarContext, SidebarProvider } from './context'
@@ -13,7 +13,7 @@ import { StyledHead } from './partials/StyledHead'
 import { StyledHeadIcon } from './partials/StyledHeadIcon'
 import { StyledHeadTitle } from './partials/StyledHeadTitle'
 
-export interface SidebarEProps extends ComponentWithClass {
+export interface SidebarProps extends ComponentWithClass {
   /**
    * Optional icon to display at the top of the component (JSX).
    */
@@ -25,7 +25,7 @@ export interface SidebarEProps extends ComponentWithClass {
   /**
    * Optional JSX to render a user menu.
    */
-  user?: React.ReactElement<SidebarUserEProps>
+  user?: React.ReactElement<SidebarUserProps>
   /**
    * Toggle whether there are unread notifications.
    */
@@ -40,7 +40,7 @@ export interface SidebarEProps extends ComponentWithClass {
   initialIsOpen?: boolean
 }
 
-export const SidebarE: React.FC<SidebarEProps> = ({
+export const Sidebar: React.FC<SidebarProps> = ({
   icon,
   title,
   children,
@@ -109,4 +109,4 @@ export const SidebarE: React.FC<SidebarEProps> = ({
   )
 }
 
-SidebarE.displayName = 'SidebarE'
+Sidebar.displayName = 'Sidebar'
diff --git a/packages/react-component-library/src/components/TopLevelNavigation/SidebarE/SidebarHandle.tsx b/packages/react-component-library/src/components/TopLevelNavigation/Sidebar/SidebarHandle.tsx
similarity index 100%
rename from packages/react-component-library/src/components/TopLevelNavigation/SidebarE/SidebarHandle.tsx
rename to packages/react-component-library/src/components/TopLevelNavigation/Sidebar/SidebarHandle.tsx
diff --git a/packages/react-component-library/src/components/TopLevelNavigation/SidebarE/SidebarNavE.tsx b/packages/react-component-library/src/components/TopLevelNavigation/Sidebar/SidebarNav.tsx
similarity index 77%
rename from packages/react-component-library/src/components/TopLevelNavigation/SidebarE/SidebarNavE.tsx
rename to packages/react-component-library/src/components/TopLevelNavigation/Sidebar/SidebarNav.tsx
index 87cb3af560..f00598c1b5 100644
--- a/packages/react-component-library/src/components/TopLevelNavigation/SidebarE/SidebarNavE.tsx
+++ b/packages/react-component-library/src/components/TopLevelNavigation/Sidebar/SidebarNav.tsx
@@ -1,11 +1,11 @@
 import React from 'react'
 
 import { Nav, NavItem } from '../../../common/Nav'
-import { SidebarNavItemE, SidebarNavItemEProps } from './index'
+import { SidebarNavItem, SidebarNavItemProps } from './index'
 import { warnIfOverwriting } from '../../../helpers'
 import { StyledNav } from './partials/StyledNav'
 
-export interface SidebarNavEProps extends Nav<NavItem> {
+export interface SidebarNavProps extends Nav<NavItem> {
   /**
    * Optional handler invoked when `onBlur` event is emitted.
    */
@@ -29,10 +29,10 @@ export interface SidebarNavEProps extends Nav<NavItem> {
 }
 
 function mapNavItem(
-  navItem: React.ReactElement<SidebarNavItemEProps>,
+  navItem: React.ReactElement<SidebarNavItemProps>,
   onClick: ((e: React.MouseEvent<HTMLElement>) => void) | undefined
 ) {
-  warnIfOverwriting(navItem.props, 'onClick', SidebarNavItemE.name)
+  warnIfOverwriting(navItem.props, 'onClick', SidebarNavItem.name)
 
   return React.cloneElement(navItem, {
     ...navItem.props,
@@ -40,7 +40,7 @@ function mapNavItem(
   })
 }
 
-export const SidebarNavE: React.FC<SidebarNavEProps> = ({
+export const SidebarNav: React.FC<SidebarNavProps> = ({
   children = [],
   onBlur,
   onFocus,
@@ -59,11 +59,11 @@ export const SidebarNavE: React.FC<SidebarNavEProps> = ({
   >
     {React.Children.map(
       children,
-      (child: React.ReactElement<SidebarNavItemEProps>) => {
+      (child: React.ReactElement<SidebarNavItemProps>) => {
         return mapNavItem(child, onItemClick)
       }
     )}
   </StyledNav>
 )
 
-SidebarNavE.displayName = 'SidebarNavE'
+SidebarNav.displayName = 'SidebarNav'
diff --git a/packages/react-component-library/src/components/TopLevelNavigation/SidebarE/SidebarNavItemE.tsx b/packages/react-component-library/src/components/TopLevelNavigation/Sidebar/SidebarNavItem.tsx
similarity index 91%
rename from packages/react-component-library/src/components/TopLevelNavigation/SidebarE/SidebarNavItemE.tsx
rename to packages/react-component-library/src/components/TopLevelNavigation/Sidebar/SidebarNavItem.tsx
index 78925d17f5..b9f85292ab 100644
--- a/packages/react-component-library/src/components/TopLevelNavigation/SidebarE/SidebarNavItemE.tsx
+++ b/packages/react-component-library/src/components/TopLevelNavigation/Sidebar/SidebarNavItem.tsx
@@ -10,9 +10,7 @@ import { StyledNavItem } from './partials/StyledNavItem'
 import { StyledNavItemIcon } from './partials/StyledNavItemIcon'
 import { StyledNavItemText } from './partials/StyledNavItemText'
 
-export interface SidebarNavItemEProps
-  extends NavItem,
-    Nav<SidebarNavItemEProps> {
+export interface SidebarNavItemProps extends NavItem, Nav<SidebarNavItemProps> {
   /**
    * Optiona icon to display to the left of the navigation item.
    */
@@ -23,7 +21,7 @@ export interface SidebarNavItemEProps
   onClick?: (e: React.MouseEvent<HTMLElement>) => void
 }
 
-export const SidebarNavItemE: React.FC<SidebarNavItemEProps> = ({
+export const SidebarNavItem: React.FC<SidebarNavItemProps> = ({
   isActive,
   link,
   icon,
@@ -83,4 +81,4 @@ export const SidebarNavItemE: React.FC<SidebarNavItemEProps> = ({
   )
 }
 
-SidebarNavItemE.displayName = 'SidebarNavItemE'
+SidebarNavItem.displayName = 'SidebarNavItem'
diff --git a/packages/react-component-library/src/components/TopLevelNavigation/SidebarE/SidebarNotifications.tsx b/packages/react-component-library/src/components/TopLevelNavigation/Sidebar/SidebarNotifications.tsx
similarity index 100%
rename from packages/react-component-library/src/components/TopLevelNavigation/SidebarE/SidebarNotifications.tsx
rename to packages/react-component-library/src/components/TopLevelNavigation/Sidebar/SidebarNotifications.tsx
diff --git a/packages/react-component-library/src/components/TopLevelNavigation/SidebarE/SidebarSubNav.tsx b/packages/react-component-library/src/components/TopLevelNavigation/Sidebar/SidebarSubNav.tsx
similarity index 85%
rename from packages/react-component-library/src/components/TopLevelNavigation/SidebarE/SidebarSubNav.tsx
rename to packages/react-component-library/src/components/TopLevelNavigation/Sidebar/SidebarSubNav.tsx
index d08290fd6b..a859a3d72b 100644
--- a/packages/react-component-library/src/components/TopLevelNavigation/SidebarE/SidebarSubNav.tsx
+++ b/packages/react-component-library/src/components/TopLevelNavigation/Sidebar/SidebarSubNav.tsx
@@ -2,12 +2,12 @@ import React from 'react'
 import { IconMoreVert } from '@defencedigital/icon-library'
 
 import { Nav } from '../../../common/Nav'
-import { SidebarNavItemEProps } from './SidebarNavItemE'
+import { SidebarNavItemProps } from './SidebarNavItem'
 import { Sheet } from '../Sheet/Sheet'
 import { StyledSheetList } from './partials/StyledSheetList'
 import { StyledSubNavSheetButton } from './partials/StyledSubNavSheetButton'
 
-export const SidebarSubNav: React.FC<Nav<SidebarNavItemEProps>> = ({
+export const SidebarSubNav: React.FC<Nav<SidebarNavItemProps>> = ({
   children,
 }) => {
   return (
diff --git a/packages/react-component-library/src/components/TopLevelNavigation/SidebarE/SidebarUserE.tsx b/packages/react-component-library/src/components/TopLevelNavigation/Sidebar/SidebarUser.tsx
similarity index 86%
rename from packages/react-component-library/src/components/TopLevelNavigation/SidebarE/SidebarUserE.tsx
rename to packages/react-component-library/src/components/TopLevelNavigation/Sidebar/SidebarUser.tsx
index d07373ef6d..bead094958 100644
--- a/packages/react-component-library/src/components/TopLevelNavigation/SidebarE/SidebarUserE.tsx
+++ b/packages/react-component-library/src/components/TopLevelNavigation/Sidebar/SidebarUser.tsx
@@ -5,7 +5,7 @@ import { Transition } from 'react-transition-group'
 import { ComponentWithClass } from '../../../common/ComponentWithClass'
 import { LinkTypes } from '../../../common/Link'
 import { SidebarContext } from './context'
-import { SidebarUserItemE } from './SidebarUserItemE'
+import { SidebarUserItem } from './SidebarUserItem'
 import { TRANSITION_STYLES, TRANSITION_TIMEOUT } from './constants'
 import { Sheet } from '../Sheet/Sheet'
 import { StyledUserAvatar } from './partials/StyledUserAvatar'
@@ -14,7 +14,7 @@ import { StyledUser } from './partials/StyledUser'
 import { StyledSheetList } from './partials/StyledSheetList'
 import { StyledUserText } from './partials/StyledUserText'
 
-export interface SidebarUserEProps extends ComponentWithClass {
+export interface SidebarUserProps extends ComponentWithClass {
   children?: never
   /**
    * Initials of the end user (e.g. Joe Bloggs => JB).
@@ -34,7 +34,7 @@ export interface SidebarUserEProps extends ComponentWithClass {
   name?: string
 }
 
-type SidebarAvatarWithItemsProps = Omit<SidebarUserEProps, 'link'>
+type SidebarAvatarWithItemsProps = Omit<SidebarUserProps, 'link'>
 
 const SidebarAvatarWithItems: React.FC<SidebarAvatarWithItemsProps> = ({
   initials,
@@ -56,15 +56,13 @@ const SidebarAvatarWithItems: React.FC<SidebarAvatarWithItemsProps> = ({
     placement="right"
   >
     <StyledSheetList>
-      {userLink && <SidebarUserItemE icon={<IconPerson />} link={userLink} />}
-      {exitLink && (
-        <SidebarUserItemE icon={<IconExitToApp />} link={exitLink} />
-      )}
+      {userLink && <SidebarUserItem icon={<IconPerson />} link={userLink} />}
+      {exitLink && <SidebarUserItem icon={<IconExitToApp />} link={exitLink} />}
     </StyledSheetList>
   </Sheet>
 )
 
-export const SidebarUserE: React.FC<SidebarUserEProps> = ({
+export const SidebarUser: React.FC<SidebarUserProps> = ({
   initials,
   userLink,
   exitLink,
@@ -111,4 +109,4 @@ export const SidebarUserE: React.FC<SidebarUserEProps> = ({
   )
 }
 
-SidebarUserE.displayName = 'SidebarUserE'
+SidebarUser.displayName = 'SidebarUser'
diff --git a/packages/react-component-library/src/components/TopLevelNavigation/SidebarE/SidebarUserItemE.tsx b/packages/react-component-library/src/components/TopLevelNavigation/Sidebar/SidebarUserItem.tsx
similarity index 82%
rename from packages/react-component-library/src/components/TopLevelNavigation/SidebarE/SidebarUserItemE.tsx
rename to packages/react-component-library/src/components/TopLevelNavigation/Sidebar/SidebarUserItem.tsx
index a5c38666e1..df4b715dd8 100644
--- a/packages/react-component-library/src/components/TopLevelNavigation/SidebarE/SidebarUserItemE.tsx
+++ b/packages/react-component-library/src/components/TopLevelNavigation/Sidebar/SidebarUserItem.tsx
@@ -5,14 +5,14 @@ import { StyledUserItem } from './partials/StyledUserItem'
 import { StyledUserItemIcon } from './partials/StyledUserItemIcon'
 import { StyledUserItemText } from './partials/StyledUserItemText'
 
-export interface SidebarUserItemEProps extends NavItem {
+export interface SidebarUserItemProps extends NavItem {
   /**
    * Optional icon to display to the left of the user navigation item.
    */
   icon?: React.ReactNode
 }
 
-export const SidebarUserItemE: React.FC<SidebarUserItemEProps> = ({
+export const SidebarUserItem: React.FC<SidebarUserItemProps> = ({
   icon,
   link,
 }) => {
@@ -35,4 +35,4 @@ export const SidebarUserItemE: React.FC<SidebarUserItemEProps> = ({
   )
 }
 
-SidebarUserItemE.displayName = 'SidebarUserItemE'
+SidebarUserItem.displayName = 'SidebarUserItem'
diff --git a/packages/react-component-library/src/components/TopLevelNavigation/SidebarE/SidebarWrapperE.tsx b/packages/react-component-library/src/components/TopLevelNavigation/Sidebar/SidebarWrapper.tsx
similarity index 65%
rename from packages/react-component-library/src/components/TopLevelNavigation/SidebarE/SidebarWrapperE.tsx
rename to packages/react-component-library/src/components/TopLevelNavigation/Sidebar/SidebarWrapper.tsx
index 8fc585c17e..eb8dac9c7c 100644
--- a/packages/react-component-library/src/components/TopLevelNavigation/SidebarE/SidebarWrapperE.tsx
+++ b/packages/react-component-library/src/components/TopLevelNavigation/Sidebar/SidebarWrapper.tsx
@@ -3,8 +3,8 @@ import React from 'react'
 import { ComponentWithClass } from '../../../common/ComponentWithClass'
 import { StyledWrapper } from './partials/StyledWrapper'
 
-export const SidebarWrapperE: React.FC<ComponentWithClass> = (props) => {
+export const SidebarWrapper: React.FC<ComponentWithClass> = (props) => {
   return <StyledWrapper data-testid="sidebar-wrapper" {...props} />
 }
 
-SidebarWrapperE.displayName = 'SidebarWrapperE'
+SidebarWrapper.displayName = 'SidebarWrapper'
diff --git a/packages/react-component-library/src/components/TopLevelNavigation/SidebarE/constants.ts b/packages/react-component-library/src/components/TopLevelNavigation/Sidebar/constants.ts
similarity index 100%
rename from packages/react-component-library/src/components/TopLevelNavigation/SidebarE/constants.ts
rename to packages/react-component-library/src/components/TopLevelNavigation/Sidebar/constants.ts
diff --git a/packages/react-component-library/src/components/TopLevelNavigation/SidebarE/context.tsx b/packages/react-component-library/src/components/TopLevelNavigation/Sidebar/context.tsx
similarity index 100%
rename from packages/react-component-library/src/components/TopLevelNavigation/SidebarE/context.tsx
rename to packages/react-component-library/src/components/TopLevelNavigation/Sidebar/context.tsx
diff --git a/packages/react-component-library/src/components/TopLevelNavigation/Sidebar/index.ts b/packages/react-component-library/src/components/TopLevelNavigation/Sidebar/index.ts
new file mode 100644
index 0000000000..94e01e592e
--- /dev/null
+++ b/packages/react-component-library/src/components/TopLevelNavigation/Sidebar/index.ts
@@ -0,0 +1,6 @@
+export * from './Sidebar'
+export * from './SidebarNav'
+export * from './SidebarNavItem'
+export * from './SidebarWrapper'
+export * from './SidebarUser'
+export * from './SidebarUserItem'
diff --git a/packages/react-component-library/src/components/TopLevelNavigation/SidebarE/partials/StyledHandle.tsx b/packages/react-component-library/src/components/TopLevelNavigation/Sidebar/partials/StyledHandle.tsx
similarity index 100%
rename from packages/react-component-library/src/components/TopLevelNavigation/SidebarE/partials/StyledHandle.tsx
rename to packages/react-component-library/src/components/TopLevelNavigation/Sidebar/partials/StyledHandle.tsx
diff --git a/packages/react-component-library/src/components/TopLevelNavigation/SidebarE/partials/StyledHead.tsx b/packages/react-component-library/src/components/TopLevelNavigation/Sidebar/partials/StyledHead.tsx
similarity index 100%
rename from packages/react-component-library/src/components/TopLevelNavigation/SidebarE/partials/StyledHead.tsx
rename to packages/react-component-library/src/components/TopLevelNavigation/Sidebar/partials/StyledHead.tsx
diff --git a/packages/react-component-library/src/components/TopLevelNavigation/SidebarE/partials/StyledHeadIcon.tsx b/packages/react-component-library/src/components/TopLevelNavigation/Sidebar/partials/StyledHeadIcon.tsx
similarity index 100%
rename from packages/react-component-library/src/components/TopLevelNavigation/SidebarE/partials/StyledHeadIcon.tsx
rename to packages/react-component-library/src/components/TopLevelNavigation/Sidebar/partials/StyledHeadIcon.tsx
diff --git a/packages/react-component-library/src/components/TopLevelNavigation/SidebarE/partials/StyledHeadTitle.tsx b/packages/react-component-library/src/components/TopLevelNavigation/Sidebar/partials/StyledHeadTitle.tsx
similarity index 100%
rename from packages/react-component-library/src/components/TopLevelNavigation/SidebarE/partials/StyledHeadTitle.tsx
rename to packages/react-component-library/src/components/TopLevelNavigation/Sidebar/partials/StyledHeadTitle.tsx
diff --git a/packages/react-component-library/src/components/TopLevelNavigation/SidebarE/partials/StyledNav.tsx b/packages/react-component-library/src/components/TopLevelNavigation/Sidebar/partials/StyledNav.tsx
similarity index 100%
rename from packages/react-component-library/src/components/TopLevelNavigation/SidebarE/partials/StyledNav.tsx
rename to packages/react-component-library/src/components/TopLevelNavigation/Sidebar/partials/StyledNav.tsx
diff --git a/packages/react-component-library/src/components/TopLevelNavigation/SidebarE/partials/StyledNavItem.tsx b/packages/react-component-library/src/components/TopLevelNavigation/Sidebar/partials/StyledNavItem.tsx
similarity index 100%
rename from packages/react-component-library/src/components/TopLevelNavigation/SidebarE/partials/StyledNavItem.tsx
rename to packages/react-component-library/src/components/TopLevelNavigation/Sidebar/partials/StyledNavItem.tsx
diff --git a/packages/react-component-library/src/components/TopLevelNavigation/SidebarE/partials/StyledNavItemIcon.tsx b/packages/react-component-library/src/components/TopLevelNavigation/Sidebar/partials/StyledNavItemIcon.tsx
similarity index 100%
rename from packages/react-component-library/src/components/TopLevelNavigation/SidebarE/partials/StyledNavItemIcon.tsx
rename to packages/react-component-library/src/components/TopLevelNavigation/Sidebar/partials/StyledNavItemIcon.tsx
diff --git a/packages/react-component-library/src/components/TopLevelNavigation/SidebarE/partials/StyledNavItemText.tsx b/packages/react-component-library/src/components/TopLevelNavigation/Sidebar/partials/StyledNavItemText.tsx
similarity index 100%
rename from packages/react-component-library/src/components/TopLevelNavigation/SidebarE/partials/StyledNavItemText.tsx
rename to packages/react-component-library/src/components/TopLevelNavigation/Sidebar/partials/StyledNavItemText.tsx
diff --git a/packages/react-component-library/src/components/TopLevelNavigation/SidebarE/partials/StyledNotificationDot.tsx b/packages/react-component-library/src/components/TopLevelNavigation/Sidebar/partials/StyledNotificationDot.tsx
similarity index 100%
rename from packages/react-component-library/src/components/TopLevelNavigation/SidebarE/partials/StyledNotificationDot.tsx
rename to packages/react-component-library/src/components/TopLevelNavigation/Sidebar/partials/StyledNotificationDot.tsx
diff --git a/packages/react-component-library/src/components/TopLevelNavigation/SidebarE/partials/StyledNotificationsLabel.tsx b/packages/react-component-library/src/components/TopLevelNavigation/Sidebar/partials/StyledNotificationsLabel.tsx
similarity index 100%
rename from packages/react-component-library/src/components/TopLevelNavigation/SidebarE/partials/StyledNotificationsLabel.tsx
rename to packages/react-component-library/src/components/TopLevelNavigation/Sidebar/partials/StyledNotificationsLabel.tsx
diff --git a/packages/react-component-library/src/components/TopLevelNavigation/SidebarE/partials/StyledNotificationsSheet.tsx b/packages/react-component-library/src/components/TopLevelNavigation/Sidebar/partials/StyledNotificationsSheet.tsx
similarity index 100%
rename from packages/react-component-library/src/components/TopLevelNavigation/SidebarE/partials/StyledNotificationsSheet.tsx
rename to packages/react-component-library/src/components/TopLevelNavigation/Sidebar/partials/StyledNotificationsSheet.tsx
diff --git a/packages/react-component-library/src/components/TopLevelNavigation/SidebarE/partials/StyledNotificationsSheetButton.tsx b/packages/react-component-library/src/components/TopLevelNavigation/Sidebar/partials/StyledNotificationsSheetButton.tsx
similarity index 100%
rename from packages/react-component-library/src/components/TopLevelNavigation/SidebarE/partials/StyledNotificationsSheetButton.tsx
rename to packages/react-component-library/src/components/TopLevelNavigation/Sidebar/partials/StyledNotificationsSheetButton.tsx
diff --git a/packages/react-component-library/src/components/TopLevelNavigation/SidebarE/partials/StyledSheetList.tsx b/packages/react-component-library/src/components/TopLevelNavigation/Sidebar/partials/StyledSheetList.tsx
similarity index 100%
rename from packages/react-component-library/src/components/TopLevelNavigation/SidebarE/partials/StyledSheetList.tsx
rename to packages/react-component-library/src/components/TopLevelNavigation/Sidebar/partials/StyledSheetList.tsx
diff --git a/packages/react-component-library/src/components/TopLevelNavigation/SidebarE/partials/StyledSidebar.tsx b/packages/react-component-library/src/components/TopLevelNavigation/Sidebar/partials/StyledSidebar.tsx
similarity index 100%
rename from packages/react-component-library/src/components/TopLevelNavigation/SidebarE/partials/StyledSidebar.tsx
rename to packages/react-component-library/src/components/TopLevelNavigation/Sidebar/partials/StyledSidebar.tsx
diff --git a/packages/react-component-library/src/components/TopLevelNavigation/SidebarE/partials/StyledSubNavSheetButton.tsx b/packages/react-component-library/src/components/TopLevelNavigation/Sidebar/partials/StyledSubNavSheetButton.tsx
similarity index 100%
rename from packages/react-component-library/src/components/TopLevelNavigation/SidebarE/partials/StyledSubNavSheetButton.tsx
rename to packages/react-component-library/src/components/TopLevelNavigation/Sidebar/partials/StyledSubNavSheetButton.tsx
diff --git a/packages/react-component-library/src/components/TopLevelNavigation/SidebarE/partials/StyledUser.tsx b/packages/react-component-library/src/components/TopLevelNavigation/Sidebar/partials/StyledUser.tsx
similarity index 100%
rename from packages/react-component-library/src/components/TopLevelNavigation/SidebarE/partials/StyledUser.tsx
rename to packages/react-component-library/src/components/TopLevelNavigation/Sidebar/partials/StyledUser.tsx
diff --git a/packages/react-component-library/src/components/TopLevelNavigation/SidebarE/partials/StyledUserAvatar.tsx b/packages/react-component-library/src/components/TopLevelNavigation/Sidebar/partials/StyledUserAvatar.tsx
similarity index 100%
rename from packages/react-component-library/src/components/TopLevelNavigation/SidebarE/partials/StyledUserAvatar.tsx
rename to packages/react-component-library/src/components/TopLevelNavigation/Sidebar/partials/StyledUserAvatar.tsx
diff --git a/packages/react-component-library/src/components/TopLevelNavigation/SidebarE/partials/StyledUserItem.tsx b/packages/react-component-library/src/components/TopLevelNavigation/Sidebar/partials/StyledUserItem.tsx
similarity index 100%
rename from packages/react-component-library/src/components/TopLevelNavigation/SidebarE/partials/StyledUserItem.tsx
rename to packages/react-component-library/src/components/TopLevelNavigation/Sidebar/partials/StyledUserItem.tsx
diff --git a/packages/react-component-library/src/components/TopLevelNavigation/SidebarE/partials/StyledUserItemIcon.tsx b/packages/react-component-library/src/components/TopLevelNavigation/Sidebar/partials/StyledUserItemIcon.tsx
similarity index 100%
rename from packages/react-component-library/src/components/TopLevelNavigation/SidebarE/partials/StyledUserItemIcon.tsx
rename to packages/react-component-library/src/components/TopLevelNavigation/Sidebar/partials/StyledUserItemIcon.tsx
diff --git a/packages/react-component-library/src/components/TopLevelNavigation/SidebarE/partials/StyledUserItemText.tsx b/packages/react-component-library/src/components/TopLevelNavigation/Sidebar/partials/StyledUserItemText.tsx
similarity index 100%
rename from packages/react-component-library/src/components/TopLevelNavigation/SidebarE/partials/StyledUserItemText.tsx
rename to packages/react-component-library/src/components/TopLevelNavigation/Sidebar/partials/StyledUserItemText.tsx
diff --git a/packages/react-component-library/src/components/TopLevelNavigation/SidebarE/partials/StyledUserSheetButton.tsx b/packages/react-component-library/src/components/TopLevelNavigation/Sidebar/partials/StyledUserSheetButton.tsx
similarity index 100%
rename from packages/react-component-library/src/components/TopLevelNavigation/SidebarE/partials/StyledUserSheetButton.tsx
rename to packages/react-component-library/src/components/TopLevelNavigation/Sidebar/partials/StyledUserSheetButton.tsx
diff --git a/packages/react-component-library/src/components/TopLevelNavigation/SidebarE/partials/StyledUserText.tsx b/packages/react-component-library/src/components/TopLevelNavigation/Sidebar/partials/StyledUserText.tsx
similarity index 100%
rename from packages/react-component-library/src/components/TopLevelNavigation/SidebarE/partials/StyledUserText.tsx
rename to packages/react-component-library/src/components/TopLevelNavigation/Sidebar/partials/StyledUserText.tsx
diff --git a/packages/react-component-library/src/components/TopLevelNavigation/SidebarE/partials/StyledWrapper.tsx b/packages/react-component-library/src/components/TopLevelNavigation/Sidebar/partials/StyledWrapper.tsx
similarity index 100%
rename from packages/react-component-library/src/components/TopLevelNavigation/SidebarE/partials/StyledWrapper.tsx
rename to packages/react-component-library/src/components/TopLevelNavigation/Sidebar/partials/StyledWrapper.tsx
diff --git a/packages/react-component-library/src/components/TopLevelNavigation/SidebarE/index.ts b/packages/react-component-library/src/components/TopLevelNavigation/SidebarE/index.ts
deleted file mode 100644
index e384a8efab..0000000000
--- a/packages/react-component-library/src/components/TopLevelNavigation/SidebarE/index.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export * from './SidebarE'
-export * from './SidebarNavE'
-export * from './SidebarNavItemE'
-export * from './SidebarWrapperE'
-export * from './SidebarUserE'
-export * from './SidebarUserItemE'
diff --git a/packages/react-component-library/src/index.ts b/packages/react-component-library/src/index.ts
index 439ad7e5da..34aa9a862d 100755
--- a/packages/react-component-library/src/index.ts
+++ b/packages/react-component-library/src/index.ts
@@ -52,6 +52,6 @@ export * from './components/Toast'
 export * from './components/Tooltip'
 export * from './components/TopLevelNavigation/Masthead'
 export * from './components/TopLevelNavigation/NotificationPanel'
-export * from './components/TopLevelNavigation/SidebarE'
+export * from './components/TopLevelNavigation/Sidebar'
 export * from './primitives/Container'
 export * from './primitives/FloatingBox'