diff --git a/.github/workflows/workflow.yml b/.github/workflows/workflow.yml
index 31131f2..e9da7bf 100644
--- a/.github/workflows/workflow.yml
+++ b/.github/workflows/workflow.yml
@@ -36,7 +36,7 @@ jobs:
       - uses: actions/checkout@v4
         with:
           submodules: recursive
-      - uses: actions/setup-node@v3
+      - uses: actions/setup-node@v4
         with:
           node-version: lts/*
           cache: yarn
@@ -47,7 +47,7 @@ jobs:
             ~/.cache/pip
             ~/node_modules
           key: ${{ runner.os }}-pio
-      - uses: actions/setup-python@v4
+      - uses: actions/setup-python@v5
         with:
           python-version: '3.9'
       - name: Get current date
diff --git a/src/lib/uiSettings.ts b/src/lib/uiSettings.ts
new file mode 100644
index 0000000..3d30b18
--- /dev/null
+++ b/src/lib/uiSettings.ts
@@ -0,0 +1,7 @@
+import { writable } from 'svelte/store';
+
+export const uiSettings = writable({
+	inputSize: 'sm',
+	selectClass: '',
+	btnSize: 'lg'
+});
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 76cd8c5..eb3fed7 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -9,16 +9,17 @@
 	import Control from './Control.svelte';
 	import Settings from './Settings.svelte';
 	import Status from './Status.svelte';
+	import { uiSettings } from '$lib/uiSettings';
 
 	let settings = writable({
 		fgColor: '0'
 	});
 
-	let uiSettings = writable({
-		inputSize: 'sm',
-		selectClass: '',
-		btnSize: 'lg'
-	});
+	// let uiSettings = writable({
+	// 	inputSize: 'sm',
+	// 	selectClass: '',
+	// 	btnSize: 'lg'
+	// });
 
 	let status = writable({
 		data: ['L', 'O', 'A', 'D', 'I', 'N', 'G'],
@@ -122,14 +123,9 @@
 
 <Container fluid>
 	<Row cols={{ lg: 3, sm: 1 }}>
-		<Control bind:settings bind:uiSettings bind:status></Control>
+		<Control bind:settings bind:status></Control>
 		<Status bind:settings bind:status></Status>
-		<Settings
-			bind:settings
-			bind:uiSettings
-			on:showToast={showToast}
-			on:formReset={fetchSettingsData}
-		></Settings>
+		<Settings bind:settings on:showToast={showToast} on:formReset={fetchSettingsData}></Settings>
 	</Row>
 </Container>
 <div class="position-fixed bottom-0 end-0 p-2">
diff --git a/src/routes/Control.svelte b/src/routes/Control.svelte
index 5bcff1d..c3b2141 100644
--- a/src/routes/Control.svelte
+++ b/src/routes/Control.svelte
@@ -16,9 +16,9 @@
 		Row
 	} from 'sveltestrap';
 	import FirmwareUpdater from './FirmwareUpdater.svelte';
+	import { uiSettings } from '$lib/uiSettings';
 
 	export let settings = {};
-	export let uiSettings;
 
 	export let customText: string;
 	export let status: Writable<{ leds: [] }>;
diff --git a/src/routes/Settings.svelte b/src/routes/Settings.svelte
index c1489d0..bc0fb1f 100644
--- a/src/routes/Settings.svelte
+++ b/src/routes/Settings.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
 	import { PUBLIC_BASE_URL } from '$lib/config';
+	import { uiSettings } from '$lib/uiSettings';
 	import { createEventDispatcher } from 'svelte';
 
 	import { _ } from 'svelte-i18n';
@@ -20,7 +21,6 @@
 	} from 'sveltestrap';
 
 	export let settings;
-	export let uiSettings;
 
 	const wifiTxPowerMap = new Map<string, number>([
 		['Default', 80],