diff --git a/package.json b/package.json
index ab01078..3d1366e 100644
--- a/package.json
+++ b/package.json
@@ -22,7 +22,7 @@
     "@tailwindcss/forms": "~0.5.7",
     "@tailwindcss/typography": "~0.5.10",
     "@types/canvas-confetti": "^1.6.4",
-    "@types/node": "^20.10.6",
+    "@types/node": "^20.10.7",
     "@types/uuid": "^9.0.7",
     "autoprefixer": "^10.4.16",
     "browser-fs-access": "^0.35.0",
@@ -41,7 +41,7 @@
   "dependencies": {
     "@floating-ui/dom": "^1.5.4",
     "@napi-rs/canvas": "^0.1.44",
-    "@sveltejs/kit": "^2.0.6",
+    "@sveltejs/kit": "^2.1.0",
     "firebase": "^10.7.1",
     "firebase-admin": "^11.11.1",
     "firebase-frameworks": "^0.11.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 8c9daec..9bccf91 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -12,8 +12,8 @@ dependencies:
     specifier: ^0.1.44
     version: 0.1.44
   '@sveltejs/kit':
-    specifier: ^2.0.6
-    version: 2.0.6(@sveltejs/vite-plugin-svelte@3.0.1)(svelte@4.2.8)(vite@5.0.11)
+    specifier: ^2.1.0
+    version: 2.1.0(@sveltejs/vite-plugin-svelte@3.0.1)(svelte@4.2.8)(vite@5.0.11)
   firebase:
     specifier: ^10.7.1
     version: 10.7.1
@@ -45,7 +45,7 @@ devDependencies:
     version: 0.3.1(tailwindcss@3.4.1)
   '@sveltejs/adapter-auto':
     specifier: ^3.1.0
-    version: 3.1.0(@sveltejs/kit@2.0.6)
+    version: 3.1.0(@sveltejs/kit@2.1.0)
   '@sveltejs/vite-plugin-svelte':
     specifier: ^3.0.1
     version: 3.0.1(svelte@4.2.8)(vite@5.0.11)
@@ -59,8 +59,8 @@ devDependencies:
     specifier: ^1.6.4
     version: 1.6.4
   '@types/node':
-    specifier: ^20.10.6
-    version: 20.10.6
+    specifier: ^20.10.7
+    version: 20.10.7
   '@types/uuid':
     specifier: ^9.0.7
     version: 9.0.7
@@ -96,13 +96,13 @@ devDependencies:
     version: 5.3.3
   vite:
     specifier: ^5.0.11
-    version: 5.0.11(@types/node@20.10.6)
+    version: 5.0.11(@types/node@20.10.7)
   vite-plugin-tailwind-purgecss:
     specifier: ~0.2.0
     version: 0.2.0(vite@5.0.11)
   vitest:
     specifier: ^1.1.3
-    version: 1.1.3(@types/node@20.10.6)
+    version: 1.1.3(@types/node@20.10.7)
 
 packages:
 
@@ -912,7 +912,7 @@ packages:
     requiresBuild: true
     dependencies:
       '@grpc/proto-loader': 0.7.10
-      '@types/node': 20.10.6
+      '@types/node': 20.10.7
     dev: false
     optional: true
 
@@ -921,7 +921,7 @@ packages:
     engines: {node: ^8.13.0 || >=10.10.0}
     dependencies:
       '@grpc/proto-loader': 0.7.10
-      '@types/node': 20.10.6
+      '@types/node': 20.10.7
     dev: false
 
   /@grpc/proto-loader@0.7.10:
@@ -1287,17 +1287,17 @@ packages:
       tailwindcss: 3.4.1
     dev: true
 
-  /@sveltejs/adapter-auto@3.1.0(@sveltejs/kit@2.0.6):
+  /@sveltejs/adapter-auto@3.1.0(@sveltejs/kit@2.1.0):
     resolution: {integrity: sha512-igS5hqCwdiXWb8NoWzThKCVQQj9tKgUkbTtzfxBPgSLOyFjkiGNDX0SgCoY2QIUWBqOkfGTOqGlrW5Ynw9oUvw==}
     peerDependencies:
       '@sveltejs/kit': ^2.0.0
     dependencies:
-      '@sveltejs/kit': 2.0.6(@sveltejs/vite-plugin-svelte@3.0.1)(svelte@4.2.8)(vite@5.0.11)
+      '@sveltejs/kit': 2.1.0(@sveltejs/vite-plugin-svelte@3.0.1)(svelte@4.2.8)(vite@5.0.11)
       import-meta-resolve: 4.0.0
     dev: true
 
-  /@sveltejs/kit@2.0.6(@sveltejs/vite-plugin-svelte@3.0.1)(svelte@4.2.8)(vite@5.0.11):
-    resolution: {integrity: sha512-dnHtyjBLGXx+hrZQ9GuqLlSfTBixewJaByUVWai7LmB4dgV3FwkK155OltEgONDQW6KW64hLNS/uojdx3uC2/g==}
+  /@sveltejs/kit@2.1.0(@sveltejs/vite-plugin-svelte@3.0.1)(svelte@4.2.8)(vite@5.0.11):
+    resolution: {integrity: sha512-XSIjk9uY705VRpLapfScvOI3bKTfPXntLCdWVsQHhLvkTD7TPNHWh45/6nTT1vQ8rJwWzzA5sLide2YLT4FMsg==}
     engines: {node: '>=18.13'}
     hasBin: true
     requiresBuild: true
@@ -1311,6 +1311,7 @@ packages:
       cookie: 0.6.0
       devalue: 4.3.2
       esm-env: 1.0.0
+      import-meta-resolve: 4.0.0
       kleur: 4.1.5
       magic-string: 0.30.5
       mrmime: 2.0.0
@@ -1319,7 +1320,7 @@ packages:
       sirv: 2.0.4
       svelte: 4.2.8
       tiny-glob: 0.2.9
-      vite: 5.0.11(@types/node@20.10.6)
+      vite: 5.0.11(@types/node@20.10.7)
 
   /@sveltejs/vite-plugin-svelte-inspector@2.0.0(@sveltejs/vite-plugin-svelte@3.0.1)(svelte@4.2.8)(vite@5.0.11):
     resolution: {integrity: sha512-gjr9ZFg1BSlIpfZ4PRewigrvYmHWbDrq2uvvPB1AmTWKuM+dI1JXQSUu2pIrYLb/QncyiIGkFDFKTwJ0XqQZZg==}
@@ -1332,7 +1333,7 @@ packages:
       '@sveltejs/vite-plugin-svelte': 3.0.1(svelte@4.2.8)(vite@5.0.11)
       debug: 4.3.4
       svelte: 4.2.8
-      vite: 5.0.11(@types/node@20.10.6)
+      vite: 5.0.11(@types/node@20.10.7)
     transitivePeerDependencies:
       - supports-color
 
@@ -1350,7 +1351,7 @@ packages:
       magic-string: 0.30.5
       svelte: 4.2.8
       svelte-hmr: 0.15.3(svelte@4.2.8)
-      vite: 5.0.11(@types/node@20.10.6)
+      vite: 5.0.11(@types/node@20.10.7)
       vitefu: 0.2.5(vite@5.0.11)
     transitivePeerDependencies:
       - supports-color
@@ -1387,7 +1388,7 @@ packages:
     resolution: {integrity: sha512-fB3Zu92ucau0iQ0JMCFQE7b/dv8Ot07NI3KaZIkIUNXq82k4eBAqUaneXfleGY9JWskeS9y+u0nXMyspcuQrCg==}
     dependencies:
       '@types/connect': 3.4.38
-      '@types/node': 20.10.6
+      '@types/node': 20.10.7
     dev: false
 
   /@types/canvas-confetti@1.6.4:
@@ -1397,7 +1398,7 @@ packages:
   /@types/connect@3.4.38:
     resolution: {integrity: sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug==}
     dependencies:
-      '@types/node': 20.10.6
+      '@types/node': 20.10.7
     dev: false
 
   /@types/cookie@0.6.0:
@@ -1406,7 +1407,7 @@ packages:
   /@types/cors@2.8.17:
     resolution: {integrity: sha512-8CGDvrBj1zgo2qE+oS3pOCyYNqCPryMWY2bGfwA0dcfopWGgxs+78df0Rs3rc9THP4JkOhLsAa+15VdpAqkcUA==}
     dependencies:
-      '@types/node': 20.10.6
+      '@types/node': 20.10.7
     dev: false
 
   /@types/estree@1.0.5:
@@ -1415,7 +1416,7 @@ packages:
   /@types/express-serve-static-core@4.17.41:
     resolution: {integrity: sha512-OaJ7XLaelTgrvlZD8/aa0vvvxZdUmlCn6MtWeB7TkiKW70BQLc9XEPpDLPdbo52ZhXUCrznlWdCHWxJWtdyajA==}
     dependencies:
-      '@types/node': 20.10.6
+      '@types/node': 20.10.7
       '@types/qs': 6.9.10
       '@types/range-parser': 1.2.7
       '@types/send': 0.17.4
@@ -1443,7 +1444,7 @@ packages:
     requiresBuild: true
     dependencies:
       '@types/minimatch': 5.1.2
-      '@types/node': 20.10.6
+      '@types/node': 20.10.7
     dev: false
     optional: true
 
@@ -1454,7 +1455,7 @@ packages:
   /@types/jsonwebtoken@9.0.5:
     resolution: {integrity: sha512-VRLSGzik+Unrup6BsouBeHsf4d1hOEgYWTm/7Nmw1sXoN1+tRly/Gy/po3yeahnP4jfnQWWAhQAqcNfH7ngOkA==}
     dependencies:
-      '@types/node': 20.10.6
+      '@types/node': 20.10.7
     dev: false
 
   /@types/linkify-it@3.0.5:
@@ -1498,8 +1499,8 @@ packages:
     dev: false
     optional: true
 
-  /@types/node@20.10.6:
-    resolution: {integrity: sha512-Vac8H+NlRNNlAmDfGUP7b5h/KA+AtWIzuXy0E6OyP8f1tCLYAtPvKRRDJjAPqhpCb0t6U2j7/xqAuLEebW2kiw==}
+  /@types/node@20.10.7:
+    resolution: {integrity: sha512-fRbIKb8C/Y2lXxB5eVMj4IU7xpdox0Lh8bUPEdtLysaylsml1hOOx1+STloRs/B9nf7C6kPRmmg/V7aQW7usNg==}
     dependencies:
       undici-types: 5.26.5
 
@@ -1520,7 +1521,7 @@ packages:
     requiresBuild: true
     dependencies:
       '@types/glob': 8.1.0
-      '@types/node': 20.10.6
+      '@types/node': 20.10.7
     dev: false
     optional: true
 
@@ -1528,7 +1529,7 @@ packages:
     resolution: {integrity: sha512-x2EM6TJOybec7c52BX0ZspPodMsQUd5L6PRwOunVyVUhXiBSKf3AezDL8Dgvgt5o0UfKNfuA0eMLr2wLT4AiBA==}
     dependencies:
       '@types/mime': 1.3.5
-      '@types/node': 20.10.6
+      '@types/node': 20.10.7
     dev: false
 
   /@types/serve-static@1.15.5:
@@ -1536,7 +1537,7 @@ packages:
     dependencies:
       '@types/http-errors': 2.0.4
       '@types/mime': 3.0.4
-      '@types/node': 20.10.6
+      '@types/node': 20.10.7
     dev: false
 
   /@types/uuid@9.0.7:
@@ -2413,7 +2414,7 @@ packages:
       '@fastify/busboy': 1.2.1
       '@firebase/database-compat': 0.3.4
       '@firebase/database-types': 0.10.4
-      '@types/node': 20.10.6
+      '@types/node': 20.10.7
       jsonwebtoken: 9.0.2
       jwks-rsa: 3.1.0
       node-forge: 1.3.1
@@ -2822,7 +2823,6 @@ packages:
 
   /import-meta-resolve@4.0.0:
     resolution: {integrity: sha512-okYUR7ZQPH+efeuMJGlq4f8ubUgO50kByRPyt/Cy1Io4PSRsPjxME+YlVaCOx+NIToW7hCsZNFJyTPFFKepRSA==}
-    dev: true
 
   /inflight@1.0.6:
     resolution: {integrity: sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==}
@@ -3709,7 +3709,7 @@ packages:
       '@protobufjs/path': 1.1.2
       '@protobufjs/pool': 1.1.0
       '@protobufjs/utf8': 1.1.0
-      '@types/node': 20.10.6
+      '@types/node': 20.10.7
       long: 5.2.3
     dev: false
     optional: true
@@ -3729,7 +3729,7 @@ packages:
       '@protobufjs/path': 1.1.2
       '@protobufjs/pool': 1.1.0
       '@protobufjs/utf8': 1.1.0
-      '@types/node': 20.10.6
+      '@types/node': 20.10.7
       long: 5.2.3
     dev: false
 
@@ -4507,7 +4507,7 @@ packages:
     engines: {node: '>= 0.8'}
     dev: false
 
-  /vite-node@1.1.3(@types/node@20.10.6):
+  /vite-node@1.1.3(@types/node@20.10.7):
     resolution: {integrity: sha512-BLSO72YAkIUuNrOx+8uznYICJfTEbvBAmWClY3hpath5+h1mbPS5OMn42lrTxXuyCazVyZoDkSRnju78GiVCqA==}
     engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
@@ -4516,7 +4516,7 @@ packages:
       debug: 4.3.4
       pathe: 1.1.1
       picocolors: 1.0.0
-      vite: 5.0.11(@types/node@20.10.6)
+      vite: 5.0.11(@types/node@20.10.7)
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -4535,10 +4535,10 @@ packages:
     dependencies:
       estree-walker: 3.0.3
       purgecss: 6.0.0-alpha.0
-      vite: 5.0.11(@types/node@20.10.6)
+      vite: 5.0.11(@types/node@20.10.7)
     dev: true
 
-  /vite@5.0.11(@types/node@20.10.6):
+  /vite@5.0.11(@types/node@20.10.7):
     resolution: {integrity: sha512-XBMnDjZcNAw/G1gEiskiM1v6yzM4GE5aMGvhWTlHAYYhxb7S3/V1s3m2LDHa8Vh6yIWYYB0iJwsEaS523c4oYA==}
     engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
@@ -4566,7 +4566,7 @@ packages:
       terser:
         optional: true
     dependencies:
-      '@types/node': 20.10.6
+      '@types/node': 20.10.7
       esbuild: 0.19.8
       postcss: 8.4.33
       rollup: 4.7.0
@@ -4581,9 +4581,9 @@ packages:
       vite:
         optional: true
     dependencies:
-      vite: 5.0.11(@types/node@20.10.6)
+      vite: 5.0.11(@types/node@20.10.7)
 
-  /vitest@1.1.3(@types/node@20.10.6):
+  /vitest@1.1.3(@types/node@20.10.7):
     resolution: {integrity: sha512-2l8om1NOkiA90/Y207PsEvJLYygddsOyr81wLQ20Ra8IlLKbyQncWsGZjnbkyG2KwwuTXLQjEPOJuxGMG8qJBQ==}
     engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
@@ -4608,7 +4608,7 @@ packages:
       jsdom:
         optional: true
     dependencies:
-      '@types/node': 20.10.6
+      '@types/node': 20.10.7
       '@vitest/expect': 1.1.3
       '@vitest/runner': 1.1.3
       '@vitest/snapshot': 1.1.3
@@ -4627,8 +4627,8 @@ packages:
       strip-literal: 1.3.0
       tinybench: 2.5.1
       tinypool: 0.8.1
-      vite: 5.0.11(@types/node@20.10.6)
-      vite-node: 1.1.3(@types/node@20.10.6)
+      vite: 5.0.11(@types/node@20.10.7)
+      vite-node: 1.1.3(@types/node@20.10.7)
       why-is-node-running: 2.2.2
     transitivePeerDependencies:
       - less
diff --git a/src/lib/components/WinnerDialog.svelte b/src/lib/components/WinnerDialog.svelte
index 467bd56..cf6252f 100644
--- a/src/lib/components/WinnerDialog.svelte
+++ b/src/lib/components/WinnerDialog.svelte
@@ -27,7 +27,12 @@
       {$modalStore[0].title}
     </header>
 
-    <div class="p-4 h1">{$modalStore[0].body}</div>
+    <div
+      class="p-4 h1"
+      aria-label="Winner"
+    >
+      {$modalStore[0].body}
+    </div>
 
     <footer class="p-4 flex justify-end gap-2 md:gap-4">
       <button class="btn variant-soft" on:click={modalStore.close}>
diff --git a/tests/playwright/index.test.ts b/tests/playwright/index.test.ts
index 0ad302b..52853a0 100644
--- a/tests/playwright/index.test.ts
+++ b/tests/playwright/index.test.ts
@@ -45,3 +45,114 @@ test('New button resets wheel', async ({ page }) => {
     'Ali\nBeatriz\nCharles\nDiya\nEric\nFatima\nGabriel\nHanna'
   )
 })
+
+test('Buttons are disabled when the wheel is spun', async ({ page }) => {
+  await page.goto('/')
+  const sortButton = page.getByRole('button', { name: 'Sort' })
+  const shuffleButton = page.getByRole('button', { name: 'Shuffle' })
+  const entriesTextbox = page.getByRole('textbox', { name: 'Entries' })
+  const resetButton = page.getByRole('button', { name: 'Reset' })
+  const newButton = page.getByRole('button', { name: 'New' })
+  const openButton = page.getByRole('button', { name: 'Open' })
+  const saveButton = page.getByRole('button', { name: 'Save' })
+  const customizeButton = page.getByRole('button', { name: 'Customize' })
+  const shareButton = page.getByRole('button', { name: 'Share' })
+  const entriesTab = page.getByRole('tab', { name: 'Entries' })
+  const resultsTab = page.getByRole('tab', { name: 'Results' })
+  const wheel = page.getByLabel('Wheel', { exact: true })
+  await Promise.all([
+    expect(entriesTab).toBeVisible(),
+    expect(resultsTab).toBeVisible(),
+    expect(sortButton).not.toBeDisabled(),
+    expect(shuffleButton).not.toBeDisabled(),
+    expect(entriesTextbox).not.toBeDisabled(),
+    expect(newButton).not.toBeDisabled(),
+    expect(openButton).not.toBeDisabled(),
+    expect(saveButton).not.toBeDisabled(),
+    expect(customizeButton).not.toBeDisabled(),
+    expect(shareButton).not.toBeDisabled()
+  ])
+  await resultsTab.click()
+  await expect(resetButton).not.toBeDisabled()
+  await wheel.click()
+  await expect(resetButton).toBeDisabled()
+  await entriesTab.click()
+  await Promise.all([
+    expect(sortButton).toBeDisabled(),
+    expect(shuffleButton).toBeDisabled(),
+    expect(entriesTextbox).toBeDisabled(),
+    expect(newButton).toBeDisabled(),
+    expect(openButton).toBeDisabled(),
+    expect(saveButton).toBeDisabled(),
+    expect(customizeButton).toBeDisabled(),
+    expect(shareButton).toBeDisabled()
+  ])
+})
+
+test('Wheel can be customized', async ({ page }) => {
+  await page.goto('/')
+  const customizeButton = page.getByRole('button', { name: 'Customize' })
+  const customizeDialog = page.getByRole('dialog')
+  const titleInput = customizeDialog.getByLabel('Title')
+  const descriptionInput = customizeDialog.getByLabel('Description')
+  const spinTimeValue = customizeDialog.getByText('10 seconds')
+  const spinTimeSlider = customizeDialog.getByRole('slider', { name: 'Spin time' })
+  const newSpinTimeValue = customizeDialog.getByText('1 second')
+  const cancelButton = customizeDialog.getByRole('button', { name: 'Cancel' })
+  const saveButton = customizeDialog.getByRole('button', { name: 'Save' })
+  const title = page.getByRole('heading', { name: 'Wheel title' })
+  const description = page.getByLabel('Wheel description')
+  await customizeButton.click()
+  await Promise.all([
+    expect(customizeDialog).toBeVisible(),
+    expect(titleInput).toBeVisible(),
+    expect(descriptionInput).toBeVisible(),
+    expect(spinTimeValue).toBeVisible(),
+    expect(spinTimeSlider).toBeVisible(),
+    expect(cancelButton).toBeVisible(),
+    expect(saveButton).toBeVisible()
+  ])
+  await titleInput.fill('My Custom Wheel')
+  await expect(titleInput).toHaveValue('My Custom Wheel')
+  await descriptionInput.fill('My custom description')
+  await expect(descriptionInput).toHaveValue('My custom description')
+  await spinTimeSlider.click({ force: true, position: { x: 0, y: 0 } })
+  await expect(newSpinTimeValue).toBeVisible()
+  await saveButton.click()
+  await Promise.all([
+    expect(customizeDialog).not.toBeVisible(),
+    expect(title).toBeVisible(),
+    expect(title).toHaveText('My Custom Wheel'),
+    expect(description).toBeVisible(),
+    expect(description).toHaveText('My custom description')
+  ])
+  expect(await page.title()).toBe('My Custom Wheel - Svelte Wheel')
+})
+
+test('Wheel can be spun and a result is generated', async ({ page }) => {
+  await page.goto('/')
+  const customizeButton = page.getByRole('button', { name: 'Customize' })
+  await customizeButton.click()
+  const customizeDialog = page.getByRole('dialog')
+  const spinTimeSlider = customizeDialog.getByRole('slider', { name: 'Spin time' })
+  await spinTimeSlider.click({ force: true, position: { x: 0, y: 0 } })
+  const saveButton = customizeDialog.getByRole('button', { name: 'Save' })
+  await saveButton.click()
+  const wheel = page.getByLabel('Wheel', { exact: true })
+  await wheel.click()
+  const resultDialog = page.getByRole('dialog', { name: 'We have a winner!' })
+  await expect(resultDialog).toBeVisible()
+  const result = await resultDialog.getByLabel('Winner').textContent()
+  expect(result).not.toBeNull()
+  const closeButton = resultDialog.getByRole('button', { name: 'Close' })
+  await expect(closeButton).toBeVisible()
+  const removeButton = resultDialog.getByRole('button', { name: 'Remove' })
+  await expect(removeButton).toBeVisible()
+  await removeButton.click()
+  await expect(resultDialog).not.toBeVisible()
+  const resultsTab = page.getByRole('tab', { name: 'Results' })
+  await resultsTab.click()
+  const resultsTextbox = page.getByRole('textbox', { name: 'Results' })
+  await expect(resultsTextbox).toBeVisible()
+  await expect(resultsTextbox).toHaveValue(result as string)
+})