diff --git a/packages/js/src/dashboard/components/dashboard-table.js b/packages/js/src/dashboard/components/dashboard-table.js
index 81a1020f40e..2e609dba78c 100644
--- a/packages/js/src/dashboard/components/dashboard-table.js
+++ b/packages/js/src/dashboard/components/dashboard-table.js
@@ -39,7 +39,7 @@ export const DashboardTable = ( { title, columns, data } ) => {
 				{ title }
 			</Title>
 			<div className="yst-overflow-auto">
-				<table className="yst-site-kit-widget-table">
+				<Table variant="minimal">
 					<Table.Head className="yst-bg-white yst-mt-2 yst-border-b-slate-300 yst-border-b yst-border-t-0">
 						<Table.Row>
 							<Table.Header>{ "" }</Table.Header>
@@ -67,7 +67,7 @@ export const DashboardTable = ( { title, columns, data } ) => {
 							</Table.Row>
 						) ) }
 					</Table.Body>
-				</table>
+				</Table>
 			</div>
 		</Paper>
 	);
diff --git a/packages/js/tests/dashboard/components/dashboard-table.test.js b/packages/js/tests/dashboard/components/dashboard-table.test.js
index 6cb144cd598..0163a951ac1 100644
--- a/packages/js/tests/dashboard/components/dashboard-table.test.js
+++ b/packages/js/tests/dashboard/components/dashboard-table.test.js
@@ -6,7 +6,7 @@ import { SCORE_META } from "../../../src/dashboard/scores/score-meta.js";
 describe( "DashboardTable", () => {
 	const columns = [
 		{ name: "landing-page", label: "Landing page" },
-		{ name: "clicks", label: "Clicks", sortable: true },
+		{ name: "clicks", label: "Clicks" },
 		{ name: "impressions", label: "Impressions" },
 		{ name: "ctr", label: "CTR" },
 		{ name: "average-position", label: "Average position" },