diff --git a/client/components/breadcrumb/index.tsx b/client/components/breadcrumb/index.tsx
index 2f908bfa940d6c..81ed9a6073f957 100644
--- a/client/components/breadcrumb/index.tsx
+++ b/client/components/breadcrumb/index.tsx
@@ -95,6 +95,7 @@ export type Item = {
 	helpBubble?: React.ReactElement;
 	icon?: React.ReactElement;
 	onClick?: () => void;
+	className?: string;
 };
 interface Props {
 	items: Item[];
@@ -140,7 +141,7 @@ const Breadcrumb: React.FunctionComponent< Props > = ( props ) => {
 	return (
 		<StyledUl className="breadcrumbs">
 			{ items.map( ( item: Item, index: Key ) => (
-				<StyledLi key={ index }>
+				<StyledLi key={ index } className={ item.className }>
 					{ item.icon && <StyledIcon>{ item.icon }</StyledIcon> }
 					{ index !== 0 && <StyledGridicon icon="chevron-right" size={ 14 } /> }
 					{ item.href && index !== items.length - 1 ? (
diff --git a/client/my-sites/domains/domain-management/subpage-wrapper/headers/add-fowarding-email-header.tsx b/client/my-sites/domains/domain-management/subpage-wrapper/headers/add-fowarding-email-header.tsx
index 5608cbc5696a09..4486ed7137be1a 100644
--- a/client/my-sites/domains/domain-management/subpage-wrapper/headers/add-fowarding-email-header.tsx
+++ b/client/my-sites/domains/domain-management/subpage-wrapper/headers/add-fowarding-email-header.tsx
@@ -29,6 +29,7 @@ const AddForwardingEmailHeader: CustomHeaderComponentType = ( {
 					currentRoute,
 					inSiteContext
 				),
+				className: 'navigation-header__domain-name',
 			},
 			{
 				label: translate( 'Email' ),
@@ -57,7 +58,7 @@ const AddForwardingEmailHeader: CustomHeaderComponentType = ( {
 		}
 
 		return baseNavigationItems;
-	}, [ inSiteContext, selectedDomainName, selectedSiteSlug, site, translate ] );
+	}, [ currentRoute, inSiteContext, selectedDomainName, selectedSiteSlug, site, translate ] );
 
 	return (
 		<>
diff --git a/client/my-sites/domains/domain-management/subpage-wrapper/headers/add-mailbox-header.tsx b/client/my-sites/domains/domain-management/subpage-wrapper/headers/add-mailbox-header.tsx
index 43ac53bdf1920e..191a70c8bf3722 100644
--- a/client/my-sites/domains/domain-management/subpage-wrapper/headers/add-mailbox-header.tsx
+++ b/client/my-sites/domains/domain-management/subpage-wrapper/headers/add-mailbox-header.tsx
@@ -24,6 +24,7 @@ const AddMailboxHeader: CustomHeaderComponentType = ( {
 			{
 				label: selectedDomainName,
 				href: `${ domainManagementOverviewRoot() }/${ selectedDomainName }/${ selectedSiteSlug }`,
+				className: 'navigation-header__domain-name',
 			},
 			{
 				label: translate( 'Email' ),
diff --git a/client/my-sites/domains/domain-management/subpage-wrapper/headers/compare-email-providers.tsx b/client/my-sites/domains/domain-management/subpage-wrapper/headers/compare-email-providers.tsx
index 9381d2145f48dd..515c034e994ae4 100644
--- a/client/my-sites/domains/domain-management/subpage-wrapper/headers/compare-email-providers.tsx
+++ b/client/my-sites/domains/domain-management/subpage-wrapper/headers/compare-email-providers.tsx
@@ -28,6 +28,7 @@ const CompareEmailProvidersHeader: CustomHeaderComponentType = ( {
 					currentRoute,
 					inSiteContext
 				),
+				className: 'navigation-header__domain-name',
 			},
 			{
 				label: translate( 'Email' ),
@@ -56,7 +57,7 @@ const CompareEmailProvidersHeader: CustomHeaderComponentType = ( {
 		}
 
 		return baseNavigationItems;
-	}, [ inSiteContext, selectedDomainName, selectedSiteSlug, site ] );
+	}, [ currentRoute, inSiteContext, selectedDomainName, selectedSiteSlug, site ] );
 
 	return (
 		<NavigationHeader
diff --git a/client/my-sites/domains/domain-management/subpage-wrapper/headers/contact-information-header.tsx b/client/my-sites/domains/domain-management/subpage-wrapper/headers/contact-information-header.tsx
index 89acb1aaf45fa2..fd04bc402d9c38 100644
--- a/client/my-sites/domains/domain-management/subpage-wrapper/headers/contact-information-header.tsx
+++ b/client/my-sites/domains/domain-management/subpage-wrapper/headers/contact-information-header.tsx
@@ -26,6 +26,7 @@ const ContactInformationHeader: CustomHeaderComponentType = ( {
 					null,
 					inSiteContext
 				),
+				className: 'navigation-header__domain-name',
 			},
 			{
 				label: translate( 'Contact information' ),
diff --git a/client/my-sites/domains/domain-management/subpage-wrapper/headers/dns-record-header.tsx b/client/my-sites/domains/domain-management/subpage-wrapper/headers/dns-record-header.tsx
index 29cc3498e25cff..dff33b1636900a 100644
--- a/client/my-sites/domains/domain-management/subpage-wrapper/headers/dns-record-header.tsx
+++ b/client/my-sites/domains/domain-management/subpage-wrapper/headers/dns-record-header.tsx
@@ -43,6 +43,7 @@ const DnsRecordHeader: CustomHeaderComponentType = ( {
 					null,
 					inSiteContext
 				),
+				className: 'navigation-header__domain-name',
 			},
 			{
 				label: translate( 'DNS records' ),
diff --git a/client/my-sites/domains/domain-management/subpage-wrapper/headers/dns-records-header.tsx b/client/my-sites/domains/domain-management/subpage-wrapper/headers/dns-records-header.tsx
index 968590d7bd3325..8fd16b95311924 100644
--- a/client/my-sites/domains/domain-management/subpage-wrapper/headers/dns-records-header.tsx
+++ b/client/my-sites/domains/domain-management/subpage-wrapper/headers/dns-records-header.tsx
@@ -40,6 +40,7 @@ const DNSRecordsHeader: CustomHeaderComponentType = ( {
 					null,
 					inSiteContext
 				),
+				className: 'navigation-header__domain-name',
 			},
 			{
 				label: dnsRecordsTitle,
@@ -58,7 +59,7 @@ const DNSRecordsHeader: CustomHeaderComponentType = ( {
 		}
 
 		return baseNavigationItems;
-	}, [ inSiteContext, selectedDomainName, selectedSiteSlug, site, translate ] );
+	}, [ inSiteContext, selectedDomainName, selectedSiteSlug, site ] );
 
 	return (
 		<NavigationHeader
diff --git a/client/my-sites/domains/domain-management/subpage-wrapper/style.scss b/client/my-sites/domains/domain-management/subpage-wrapper/style.scss
index 4be4094b142895..57f175a5ddd499 100644
--- a/client/my-sites/domains/domain-management/subpage-wrapper/style.scss
+++ b/client/my-sites/domains/domain-management/subpage-wrapper/style.scss
@@ -225,11 +225,17 @@
                 padding-top: 16px;
 
                 .breadcrumbs li {
-                    > a,
-                    > span {
-                        word-break: break-word;
-                        overflow-wrap: break-word;
-                        white-space: normal;
+                    &.navigation-header__domain-name {
+                        > a,
+                        > span {
+                            word-break: break-word;
+                            overflow-wrap: break-word;
+                            white-space: normal;
+                        }
+                    }
+
+                    > .gridicons-chevron-right {
+                        margin: 0 8px;
                     }
                 }
             }