diff --git a/src/components/layout/breadcrumb/breadcrumb.tsx b/src/components/layout/breadcrumb/breadcrumb.tsx
index 5a8987bfa..8d4ba2edb 100644
--- a/src/components/layout/breadcrumb/breadcrumb.tsx
+++ b/src/components/layout/breadcrumb/breadcrumb.tsx
@@ -8,8 +8,9 @@ const BreadcrumbContainer = styled.ol`
   list-style: none;
   display: flex;
   flex-wrap: nowrap;
-  overflow: hidden;
-  padding: 0;
+  overflow-x: clip;
+  padding-left: 4px;
+  transform: translateX(-4px);
 `;
 
 const BreadcrumbListItem = styled.li`
@@ -32,6 +33,10 @@ const BreadcrumbListItem = styled.li`
   }
 `;
 
+const BreadcrumbLink = styled(Link)`
+  display: inline-block;
+`;
+
 interface BreadcrumbProps {
   breadcrumbEntries: BreadcrumbEntry[];
 }
@@ -45,14 +50,18 @@ export const Breadcrumb = ({
   breadcrumbEntries,
 }: BreadcrumbProps): JSX.Element => {
   return (
-    <BreadcrumbContainer>
-      {breadcrumbEntries.map((breadcrumbEntry) => {
-        return (
-          <BreadcrumbListItem key={breadcrumbEntry.label}>
-            <Link to={breadcrumbEntry.pathname}>{breadcrumbEntry.label}</Link>
-          </BreadcrumbListItem>
-        );
-      })}
-    </BreadcrumbContainer>
+    <nav aria-label="breadcrumbs">
+      <BreadcrumbContainer aria-label="breadcumbs">
+        {breadcrumbEntries.map((breadcrumbEntry) => {
+          return (
+            <BreadcrumbListItem key={breadcrumbEntry.label}>
+              <BreadcrumbLink to={breadcrumbEntry.pathname}>
+                {breadcrumbEntry.label}
+              </BreadcrumbLink>
+            </BreadcrumbListItem>
+          );
+        })}
+      </BreadcrumbContainer>
+    </nav>
   );
 };
diff --git a/src/components/layout/theme.tsx b/src/components/layout/theme.tsx
index 8c1875c6d..e54615dda 100644
--- a/src/components/layout/theme.tsx
+++ b/src/components/layout/theme.tsx
@@ -25,7 +25,7 @@ export const theme: DefaultTheme = {
         light: '#3E61EE',
         hover: '#202840',
       },
-      breadcrumb: 'rgba(0, 0, 0, 0.5)',
+      breadcrumb: 'rgba(0, 0, 0, 0.65)',
       link: {
         default: '#3E61EE',
         hover: '#4D79FF',