diff --git a/package.json b/package.json
index f2bd1b0..f8893ae 100644
--- a/package.json
+++ b/package.json
@@ -5,7 +5,6 @@
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build",
-		"build:test": "vite build --config vite.config.test.ts",
 		"preview": "vite preview",
 		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
 		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
diff --git a/playwright.config.ts b/playwright.config.ts
index 461f3c2..bf148ce 100644
--- a/playwright.config.ts
+++ b/playwright.config.ts
@@ -6,7 +6,7 @@ const config: PlaywrightTestConfig = {
 		timezoneId: 'Europe/Amsterdam'
 	},
 	webServer: {
-		command: 'npm run build:test && npm run preview',
+		command: 'npm run build && npm run preview',
 		port: 4173
 	},
 	reporter: process.env.CI ? 'github' : 'list',
diff --git a/src/lib/components/settings/DisplaySettings.svelte b/src/lib/components/settings/DisplaySettings.svelte
index 7653298..e391a8c 100644
--- a/src/lib/components/settings/DisplaySettings.svelte
+++ b/src/lib/components/settings/DisplaySettings.svelte
@@ -20,19 +20,14 @@
 
 	const setTextColor = () => {
 		$settings.invertedColor = !$settings.invertedColor;
+		$settings.fgColor = $settings.invertedColor ? 65535 : 0;
+		$settings.bgColor = $settings.invertedColor ? 0 : 65535;
 	};
 
 	const textColorOptions: [string, boolean][] = [
 		[$_('colors.black') + ' on ' + $_('colors.white'), false],
 		[$_('colors.white') + ' on ' + $_('colors.black'), true]
 	];
-
-	const fontPreferenceOptions: [string, string][] = $settings.availableFonts?.map((font) => [
-		$_(`fonts.${font}`) !== `fonts.${font}`
-			? $_(`fonts.${font}`)
-			: font.charAt(0).toUpperCase() + font.slice(1),
-		font
-	]);
 </script>
 
 <Row>
@@ -50,14 +45,6 @@
 			on:change={setTextColor}
 		/>
 
-		<SettingsSelect
-			id="fontName"
-			label={$_('section.settings.fontName')}
-			bind:value={$settings.fontName}
-			options={fontPreferenceOptions}
-			size={$uiSettings.inputSize}
-		/>
-
 		<SettingsInput
 			id="timePerScreen"
 			label={$_('section.settings.timePerScreen')}
diff --git a/src/lib/locales/de.json b/src/lib/locales/de.json
index d1ee257..796b166 100644
--- a/src/lib/locales/de.json
+++ b/src/lib/locales/de.json
@@ -67,8 +67,7 @@
 			"dataSource": {
 				"nostr": "Nostr-Verlag",
 				"custom": "Benutzerdefinierter dataquelle"
-			},
-			"fontName": "Schriftart"
+			}
 		},
 		"control": {
 			"systemInfo": "Systeminfo",
diff --git a/src/lib/locales/en.json b/src/lib/locales/en.json
index 85579e7..8336ac1 100644
--- a/src/lib/locales/en.json
+++ b/src/lib/locales/en.json
@@ -84,8 +84,7 @@
 			},
 			"thirdPartySource": "Use mempool.space/coincap.io",
 			"ceDisableSSL": "Disable SSL",
-			"ceEndpoint": "Endpoint hostname",
-			"fontName": "Font"
+			"ceEndpoint": "Endpoint hostname"
 		},
 		"control": {
 			"systemInfo": "System info",
diff --git a/src/lib/locales/es.json b/src/lib/locales/es.json
index a4eba79..1b318a9 100644
--- a/src/lib/locales/es.json
+++ b/src/lib/locales/es.json
@@ -66,8 +66,7 @@
 			"dataSource": {
 				"nostr": "editorial nostr",
 				"custom": "Punto final personalizado"
-			},
-			"fontName": "Fuente"
+			}
 		},
 		"control": {
 			"turnOff": "Apagar",
diff --git a/src/lib/locales/nl.json b/src/lib/locales/nl.json
index a6dc486..96cfc6c 100644
--- a/src/lib/locales/nl.json
+++ b/src/lib/locales/nl.json
@@ -58,8 +58,7 @@
 			"hideAll": "Alles verbergen",
 			"flOffWhenDark": "Displaylicht uit als het donker is",
 			"luxLightToggleText": "Stel in op 0 om uit te schakelen",
-			"verticalDesc": "Verticale schermbeschrijving",
-			"fontName": "Lettertype"
+			"verticalDesc": "Verticale schermbeschrijving"
 		},
 		"control": {
 			"systemInfo": "Systeeminformatie",
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 8199c48..a6f0bfb 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -105,6 +105,7 @@
 		setupObserver();
 
 		const connectEventSource = () => {
+			console.log('Connecting to EventSource');
 			const evtSource = new EventSource(`${PUBLIC_BASE_URL}/events`);
 
 			evtSource.addEventListener('status', (e) => {
diff --git a/src/routes/Settings.svelte b/src/routes/Settings.svelte
index 6d9b932..17a5df1 100644
--- a/src/routes/Settings.svelte
+++ b/src/routes/Settings.svelte
@@ -114,13 +114,9 @@
 		<CardHeader>
 			<div class="float-end">
 				<small>
-					<button type="button" on:click={showAll} id="showAllBtn"
-						>{$_('section.settings.showAll')}</button
-					>
+					<button type="button" on:click={showAll}>{$_('section.settings.showAll')}</button>
 					|
-					<button type="button" on:click={hideAll} id="hideAllBtn"
-						>{$_('section.settings.hideAll')}</button
-					>
+					<button type="button" on:click={hideAll}>{$_('section.settings.hideAll')}</button>
 				</small>
 			</div>
 			<CardTitle>{$_('section.settings.title')}</CardTitle>
diff --git a/src/routes/Status.svelte b/src/routes/Status.svelte
index e889a0b..c2ce212 100644
--- a/src/routes/Status.svelte
+++ b/src/routes/Status.svelte
@@ -158,7 +158,7 @@
 					<hr />
 					{#if $status.data}
 						<section class={lightMode ? 'lightMode' : 'darkMode'} style="position: relative;">
-							{#if $status.isUpdating === false && ($status.isFake ?? false) === false}
+							{#if $status.isUpdating === false && $status.isFake === false}
 								<div class="connection-lost-overlay">
 									<div class="overlay-content">
 										<i class="bi bi-wifi-off"></i>
diff --git a/tests/shared.ts b/tests/shared.ts
index 821f202..9239f2e 100644
--- a/tests/shared.ts
+++ b/tests/shared.ts
@@ -108,10 +108,8 @@ export const settingsJson = {
 		'ckpool',
 		'eu_ckpool'
 	],
-	availableFonts: ['antonio', 'oswald'],
 	invertedColor: false,
-	isLoaded: true,
-	isFake: true
+	isLoaded: true
 };
 
 export const latestReleaseFake = {
@@ -169,31 +167,16 @@ export const initMock = async ({ page }) => {
 		await route.fulfill({ json: settingsJson });
 	});
 
-	await page.route('**/events', async (route) => {
+	await page.route('**/events', (route) => {
 		const newStatus = statusJson;
 		newStatus.data = ['BLOCK/HEIGHT', '8', '0', '0', '8', '1', '5'];
 		newStatus.isUpdating = true;
 
-		// Format the SSE message correctly
-		const sseMessage = `data: ${JSON.stringify(newStatus)}\n\n`;
-
-		// Create a readable stream for SSE
-		const stream = new ReadableStream({
-			start(controller) {
-				controller.enqueue(new TextEncoder().encode(sseMessage));
-				// Keep the connection open
-				// controller.close(); // Don't close if you want to send more events
-			}
-		});
-
-		await route.fulfill({
+		// Respond with a custom SSE message
+		route.fulfill({
 			status: 200,
-			headers: {
-				'Content-Type': 'text/event-stream',
-				'Cache-Control': 'no-cache',
-				Connection: 'keep-alive'
-			},
-			body: stream
+			contentType: 'text/event-stream',
+			json: `${JSON.stringify(newStatus)}\n\n`
 		});
 	});
 
diff --git a/vite.config.test.ts b/vite.config.test.ts
deleted file mode 100644
index 3e03c63..0000000
--- a/vite.config.test.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { sveltekit } from '@sveltejs/kit/vite';
-import { defineConfig } from 'vite';
-
-export default defineConfig({
-	plugins: [sveltekit()],
-	build: {
-		sourcemap: true,
-		minify: false,
-		rollupOptions: {
-			output: {
-				manualChunks: undefined // Disable code splitting
-			}
-		}
-	},
-	test: {
-		include: ['tests/**/*.{test,spec}.{js,ts}']
-	}
-});