diff --git a/classes/Visualizer/Render/Sidebar/ChartJS.php b/classes/Visualizer/Render/Sidebar/ChartJS.php
index 7d4a433a..9dbff936 100644
--- a/classes/Visualizer/Render/Sidebar/ChartJS.php
+++ b/classes/Visualizer/Render/Sidebar/ChartJS.php
@@ -212,7 +212,7 @@ protected function _renderGeneralSettings() {
 						echo '<tr>';
 							echo '<td class="viz-section-table-column">';
 								echo '<select name="fontName" class="control-select">';
-									echo '<option></option>';
+									echo '<option value="">', esc_html__( 'Default', 'visualizer' ), '</option>';
 		foreach ( self::$_fontFamilies as $font => $label ) {
 			echo '<option value="', $font, '"', selected( $font, $this->fontName, false ), '>';
 			echo $label;
@@ -222,7 +222,7 @@ protected function _renderGeneralSettings() {
 							echo '</td>';
 							echo '<td class="viz-section-table-column">';
 								echo '<select name="fontSize" class="control-select">';
-									echo '<option></option>';
+									echo '<option value="">', esc_html__( 'Default', 'visualizer' ), '</option>';
 		for ( $i = 7; $i <= 20; $i++ ) {
 			echo '<option value="', $i, '"', selected( $i, $this->fontSize, false ), '>', $i, '</option>';
 		}
@@ -263,7 +263,7 @@ protected function _renderGeneralSettings() {
 						echo '<tr>';
 							echo '<td class="viz-section-table-column">';
 								echo '<select name="legend[labels][fontName]" class="control-select">';
-									echo '<option></option>';
+									echo '<option value="">', esc_html__( 'Default', 'visualizer' ), '</option>';
 		foreach ( self::$_fontFamilies as $font => $label ) {
 			echo '<option value="', $font, '"', selected( $font, $this->legend['labels']['fontName'], false ), '>';
 			echo $label;
@@ -273,7 +273,7 @@ protected function _renderGeneralSettings() {
 							echo '</td>';
 							echo '<td class="viz-section-table-column">';
 								echo '<select name="legend[labels][fontSize]" class="control-select">';
-									echo '<option></option>';
+									echo '<option value="">', esc_html__( 'Default', 'visualizer' ), '</option>';
 		for ( $i = 7; $i <= 20; $i++ ) {
 			echo '<option value="', $i, '"', selected( $i, $this->legend['labels']['fontSize'], false ), '>', $i, '</option>';
 		}
diff --git a/classes/Visualizer/Render/Sidebar/Google.php b/classes/Visualizer/Render/Sidebar/Google.php
index 2684e297..64311268 100644
--- a/classes/Visualizer/Render/Sidebar/Google.php
+++ b/classes/Visualizer/Render/Sidebar/Google.php
@@ -187,7 +187,7 @@ protected function _renderGeneralSettings() {
 						echo '<tr>';
 							echo '<td class="viz-section-table-column">';
 								echo '<select name="fontName" class="control-select">';
-									echo '<option></option>';
+									echo '<option value="">', esc_html__( 'Default', 'visualizer' ), '</option>';
 		foreach ( self::$_fontFamilies as $font => $label ) {
 			echo '<option value="', $font, '"', selected( $font, $this->fontName, false ), '>';
 			echo $label;
@@ -197,7 +197,7 @@ protected function _renderGeneralSettings() {
 							echo '</td>';
 							echo '<td class="viz-section-table-column">';
 								echo '<select name="fontSize" class="control-select">';
-									echo '<option></option>';
+									echo '<option value="">', esc_html__( 'Default', 'visualizer' ), '</option>';
 		for ( $i = 7; $i <= 20; $i++ ) {
 			echo '<option value="', $i, '"', selected( $i, $this->fontSize, false ), '>', $i, '</option>';
 		}
diff --git a/classes/Visualizer/Render/Sidebar/Type/ChartJS/Linear.php b/classes/Visualizer/Render/Sidebar/Type/ChartJS/Linear.php
index 9205c7f4..b4c04ce5 100644
--- a/classes/Visualizer/Render/Sidebar/Type/ChartJS/Linear.php
+++ b/classes/Visualizer/Render/Sidebar/Type/ChartJS/Linear.php
@@ -161,7 +161,7 @@ protected function _renderHorizontalAxisGeneralSettings() {
 					echo '<tr>';
 						echo '<td class="viz-section-table-column">';
 							echo '<select name="xAxes[scaleLabel][fontFamily]" class="control-select">';
-								echo '<option></option>';
+								echo '<option value="">', esc_html__( 'Default', 'visualizer' ), '</option>';
 		foreach ( self::$_fontFamilies as $font => $label ) {
 			echo '<option value="', $font, '"', selected( $font, $this->xAxes['scaleLabel']['fontFamily'], false ), '>';
 			echo $label;
@@ -171,7 +171,7 @@ protected function _renderHorizontalAxisGeneralSettings() {
 						echo '</td>';
 						echo '<td class="viz-section-table-column">';
 							echo '<select name="xAxes[scaleLabel][fontSize]" class="control-select">';
-								echo '<option></option>';
+								echo '<option value="">', esc_html__( 'Default', 'visualizer' ), '</option>';
 		for ( $i = 7; $i <= 20; $i++ ) {
 			echo '<option value="', $i, '"', selected( $i, $this->xAxes['scaleLabel']['fontSize'], false ), '>', $i, '</option>';
 		}
@@ -265,7 +265,7 @@ protected function _renderVerticalAxisGeneralSettings() {
 					echo '<tr>';
 						echo '<td class="viz-section-table-column">';
 							echo '<select name="yAxes[scaleLabel][fontFamily]" class="control-select">';
-								echo '<option></option>';
+								echo '<option value="">', esc_html__( 'Default', 'visualizer' ), '</option>';
 		foreach ( self::$_fontFamilies as $font => $label ) {
 			echo '<option value="', $font, '"', selected( $font, $this->yAxes['scaleLabel']['fontFamily'], false ), '>';
 			echo $label;
@@ -275,7 +275,7 @@ protected function _renderVerticalAxisGeneralSettings() {
 						echo '</td>';
 						echo '<td class="viz-section-table-column">';
 							echo '<select name="yAxes[scaleLabel][fontSize]" class="control-select">';
-								echo '<option></option>';
+								echo '<option value="">', esc_html__( 'Default', 'visualizer' ), '</option>';
 		for ( $i = 7; $i <= 20; $i++ ) {
 			echo '<option value="', $i, '"', selected( $i, $this->yAxes['scaleLabel']['fontSize'], false ), '>', $i, '</option>';
 		}
diff --git a/tests/e2e/specs/admin.spec.js b/tests/e2e/specs/admin.spec.js
index 3534105a..90eb5c54 100644
--- a/tests/e2e/specs/admin.spec.js
+++ b/tests/e2e/specs/admin.spec.js
@@ -211,6 +211,22 @@ test.describe( 'Chart Library', () => {
         await expect( page.getByText(backendName) ).toBeVisible();
         await expect( page.locator('g').filter({ hasText: 'Test Chart Name' }).locator('rect') ).toBeVisible();
     } );
+
+    test( 'font settings show Default label for empty option', async ( { admin, page } ) => {
+        await admin.visitAdminPage( 'admin.php?page=visualizer&vaction=addnew' );
+        await page.waitForURL( '**/admin.php?page=visualizer&vaction=addnew' );
+        await expect( page.getByRole('button', { name: 'Classic Builder Step-by-step' }) ).toBeVisible({ timeout: 5000 });
+        await page.getByRole('button', { name: 'Classic Builder Step-by-step' }).click();
+        await page.waitForSelector('h1:text("Visualizer")');
+
+        await selectChartAdmin( page.frameLocator('iframe'), CHART_JS_LABELS.pie );
+        await page.frameLocator('iframe').getByRole('link', { name: 'Settings' }).click();
+        await page.frameLocator('iframe').getByRole('button', { name: 'General Settings' }).click();
+        await page.frameLocator('iframe').getByText('Font Styles', { exact: true }).click();
+
+        await expect( page.frameLocator('iframe').locator('select[name="fontName"] option').first() ).toHaveText( 'Default' );
+        await expect( page.frameLocator('iframe').locator('select[name="fontSize"] option').first() ).toHaveText( 'Default' );
+    } );
 } );
 
 test.describe( 'Support', () => {