diff --git a/client/src/component/DOS/Contest/DetailPage.tsx b/client/src/component/DOS/Contest/DetailPage.tsx
index f656be468..7eb22b7f9 100644
--- a/client/src/component/DOS/Contest/DetailPage.tsx
+++ b/client/src/component/DOS/Contest/DetailPage.tsx
@@ -16,8 +16,8 @@ interface BreadcrumbProps {
 
 const Breadcrumbs = ({ contest }: BreadcrumbProps) => (
     <ul className='pt-breadcrumbs'>
-        <li><Breadcrumb text={ <Link to='/sos'>SoS</Link> } /></li>
-        <li><Breadcrumb text={ <Link to='/sos/contest'>Contests</Link> } /></li>
+        <li><Breadcrumb text='SoS' href='/sos' /></li>
+        <li><Breadcrumb text='Contests' href='/sos/contest'/></li>
         <li><Breadcrumb className='pt-breadcrumb-current' text={ contest.name } /></li>
     </ul>
 );
diff --git a/client/src/component/DOS/Contest/OverviewPage.tsx b/client/src/component/DOS/Contest/OverviewPage.tsx
index cb06d4f20..af8f9947d 100644
--- a/client/src/component/DOS/Contest/OverviewPage.tsx
+++ b/client/src/component/DOS/Contest/OverviewPage.tsx
@@ -11,7 +11,7 @@ import counties from 'corla/data/counties';
 
 const Breadcrumbs = () => (
     <ul className='pt-breadcrumbs'>
-        <li><Breadcrumb text={ <Link to='/sos'>SoS</Link> } /></li>
+        <li><Breadcrumb text='SoS' href='/sos' /></li>
         <li><Breadcrumb className='pt-breadcrumb-current' text='Contests' /></li>
     </ul>
 );
diff --git a/client/src/component/DOS/County/DetailPage.tsx b/client/src/component/DOS/County/DetailPage.tsx
index d98cfa5fb..49c951864 100644
--- a/client/src/component/DOS/County/DetailPage.tsx
+++ b/client/src/component/DOS/County/DetailPage.tsx
@@ -15,8 +15,8 @@ interface BreadcrumbProps {
 
 const Breadcrumbs = ({ county }: BreadcrumbProps) => (
     <ul className='pt-breadcrumbs'>
-        <li><Breadcrumb text={ <Link to='/sos'>SoS</Link> } /></li>
-        <li><Breadcrumb text={ <Link to='/sos/county'>County</Link> } /></li>
+        <li><Breadcrumb text='SoS' href='/sos' /></li>
+        <li><Breadcrumb text='County' href='/sos/county' /></li>
         <li><Breadcrumb className='pt-breadcrumb-current' text={ county.name } /></li>
     </ul>
 );
diff --git a/client/src/component/DOS/County/OverviewPage.tsx b/client/src/component/DOS/County/OverviewPage.tsx
index 8ef012fdb..a87c56ff4 100644
--- a/client/src/component/DOS/County/OverviewPage.tsx
+++ b/client/src/component/DOS/County/OverviewPage.tsx
@@ -11,7 +11,7 @@ import { formatCountyASMState } from 'corla/format';
 
 const Breadcrumbs = () => (
     <ul className='pt-breadcrumbs'>
-        <li><Breadcrumb text={ <Link to='/sos'>SoS</Link> } /></li>
+        <li><Breadcrumb text='SoS' href='/sos' /></li>
         <li><Breadcrumb className='pt-breadcrumb-current' text='Counties' /></li>
     </ul>
 );