diff --git a/client/my-sites/domains/domain-management/dns/dns-add-new-record-button.tsx b/client/my-sites/domains/domain-management/dns/dns-add-new-record-button.tsx
index 666c1fae724d9..94e646cfbef70 100644
--- a/client/my-sites/domains/domain-management/dns/dns-add-new-record-button.tsx
+++ b/client/my-sites/domains/domain-management/dns/dns-add-new-record-button.tsx
@@ -17,8 +17,9 @@ function DnsAddNewRecordButton( { site, domain, isMobile }: DndAddNewRecordButto
 			borderless={ isMobile }
 			href={ domainManagementDnsAddRecord( site, domain, currentRoute ) }
 			className={ className }
+			primary
 		>
-			<Icon icon={ plus } viewBox="4 4 16 16" size={ 16 } />
+			<Icon className="add-record__icon" icon={ plus } viewBox="4 4 16 16" size={ 16 } />
 			{ ! isMobile && __( 'Add a record' ) }
 		</Button>
 	);
diff --git a/client/my-sites/domains/domain-management/dns/dns-records.jsx b/client/my-sites/domains/domain-management/dns/dns-records.jsx
index d7847cbca4e13..3642c337827e0 100644
--- a/client/my-sites/domains/domain-management/dns/dns-records.jsx
+++ b/client/my-sites/domains/domain-management/dns/dns-records.jsx
@@ -135,13 +135,13 @@ class DnsRecords extends Component {
 		);
 
 		const buttons = [
-			<DnsAddNewRecordButton
-				key="add-new-record-button"
+			<DnsImportBindFileButton
+				key="import-bind-file-button"
 				site={ selectedSite?.slug }
 				domain={ selectedDomainName }
 			/>,
-			<DnsImportBindFileButton
-				key="import-bind-file-button"
+			<DnsAddNewRecordButton
+				key="add-new-record-button"
 				site={ selectedSite?.slug }
 				domain={ selectedDomainName }
 			/>,
diff --git a/client/my-sites/domains/domain-management/dns/style.scss b/client/my-sites/domains/domain-management/dns/style.scss
index 049d572b149fb..5ff4c7ecc916b 100644
--- a/client/my-sites/domains/domain-management/dns/style.scss
+++ b/client/my-sites/domains/domain-management/dns/style.scss
@@ -247,6 +247,13 @@ button.dns__breadcrumb-button {
 		display: flex;
 		justify-content: center;
 	}
+	.add-record__icon{
+		fill: var(--studio-gray-80);
+
+		@include break-large {
+			fill: var(--studio-white);
+		}
+	}
 }
 
 .dns__breadcrumb-button {