diff --git a/server/scripts/modules/navigation.mjs b/server/scripts/modules/navigation.mjs
index 5fcad9a..33fc6b0 100644
--- a/server/scripts/modules/navigation.mjs
+++ b/server/scripts/modules/navigation.mjs
@@ -37,6 +37,11 @@ const init = async () => {
 		resizeTimeout = setTimeout(() => resize(), 100);
 	});
 
+	// redraw current screen (typically from enhanced setting change)
+	window.addEventListener('redraw', () => {
+		currentDisplay()?.drawCanvas();
+	});
+
 	// Handle orientation changes (Mobile Safari doesn't always fire resize events on orientation change)
 	window.addEventListener('orientationchange', () => {
 		if (debugFlag('resize')) {
diff --git a/server/scripts/modules/settings.mjs b/server/scripts/modules/settings.mjs
index 45f4437..c6fee34 100644
--- a/server/scripts/modules/settings.mjs
+++ b/server/scripts/modules/settings.mjs
@@ -48,7 +48,7 @@ const enhancedScreenChange = (value) => {
 		container.classList.remove('enhanced');
 	}
 	// Trigger resize to recalculate scaling for new width
-	window.dispatchEvent(new Event('resize'));
+	window.dispatchEvent(new Event('redraw'));
 };
 
 const kioskChange = (value) => {