diff --git a/RELEASE_NOTES.md b/RELEASE_NOTES.md
index 547f278b96..0047b60a68 100644
--- a/RELEASE_NOTES.md
+++ b/RELEASE_NOTES.md
@@ -1,6 +1,6 @@
 # Changelog
 
-## [10.8.5] - 25.08.2023
+## \[10.8.6\] - 13.09.2023
 
 ## Bug Fixes
 
@@ -17,4 +17,4 @@
 
 ## Design System website
 
-- expand components preview containers to full screen
+- expand components preview containers to full screen (only in Topbar component for now)
diff --git a/package-lock.json b/package-lock.json
index 0c51694a5b..3380519da6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
 	"name": "@swedbankpay/design-guide",
-	"version": "10.8.5",
+	"version": "10.8.6",
 	"lockfileVersion": 2,
 	"requires": true,
 	"packages": {
 		"": {
 			"name": "@swedbankpay/design-guide",
-			"version": "10.8.5",
+			"version": "10.8.6",
 			"hasInstallScript": true,
 			"license": "MIT",
 			"dependencies": {
@@ -32,7 +32,7 @@
 				"@babel/plugin-syntax-dynamic-import": "^7.8.3",
 				"@babel/preset-env": "7.20.2",
 				"@babel/preset-react": "^7.18.6",
-				"@playwright/test": "^1.38.1",
+				"@playwright/test": "^1.39.0",
 				"@sentry/webpack-plugin": "^1.20.0",
 				"@testing-library/jest-dom": "^5.16.5",
 				"@testing-library/react": "^14.0.0",
@@ -3355,12 +3355,12 @@
 			}
 		},
 		"node_modules/@playwright/test": {
-			"version": "1.38.1",
-			"resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.38.1.tgz",
-			"integrity": "sha512-NqRp8XMwj3AK+zKLbZShl0r/9wKgzqI/527bkptKXomtuo+dOjU9NdMASQ8DNC9z9zLOMbG53T4eihYr3XR+BQ==",
+			"version": "1.39.0",
+			"resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.39.0.tgz",
+			"integrity": "sha512-3u1iFqgzl7zr004bGPYiN/5EZpRUSFddQBra8Rqll5N0/vfpqlP9I9EXqAoGacuAbX6c9Ulg/Cjqglp5VkK6UQ==",
 			"dev": true,
 			"dependencies": {
-				"playwright": "1.38.1"
+				"playwright": "1.39.0"
 			},
 			"bin": {
 				"playwright": "cli.js"
@@ -5734,9 +5734,9 @@
 			}
 		},
 		"node_modules/caniuse-lite": {
-			"version": "1.0.30001523",
-			"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001523.tgz",
-			"integrity": "sha512-I5q5cisATTPZ1mc588Z//pj/Ox80ERYDfR71YnvY7raS/NOk8xXlZcB0sF7JdqaV//kOaa6aus7lRfpdnt1eBA==",
+			"version": "1.0.30001547",
+			"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001547.tgz",
+			"integrity": "sha512-W7CrtIModMAxobGhz8iXmDfuJiiKg1WADMO/9x7/CLNin5cpSbuBjooyoIUVB5eyCc36QuTVlkVa1iB2S5+/eA==",
 			"dev": true,
 			"funding": [
 				{
@@ -12743,12 +12743,12 @@
 			}
 		},
 		"node_modules/playwright": {
-			"version": "1.38.1",
-			"resolved": "https://registry.npmjs.org/playwright/-/playwright-1.38.1.tgz",
-			"integrity": "sha512-oRMSJmZrOu1FP5iu3UrCx8JEFRIMxLDM0c/3o4bpzU5Tz97BypefWf7TuTNPWeCe279TPal5RtPPZ+9lW/Qkow==",
+			"version": "1.39.0",
+			"resolved": "https://registry.npmjs.org/playwright/-/playwright-1.39.0.tgz",
+			"integrity": "sha512-naE5QT11uC/Oiq0BwZ50gDmy8c8WLPRTEWuSSFVG2egBka/1qMoSqYQcROMT9zLwJ86oPofcTH2jBY/5wWOgIw==",
 			"dev": true,
 			"dependencies": {
-				"playwright-core": "1.38.1"
+				"playwright-core": "1.39.0"
 			},
 			"bin": {
 				"playwright": "cli.js"
@@ -12761,9 +12761,9 @@
 			}
 		},
 		"node_modules/playwright-core": {
-			"version": "1.38.1",
-			"resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.38.1.tgz",
-			"integrity": "sha512-tQqNFUKa3OfMf4b2jQ7aGLB8o9bS3bOY0yMEtldtC2+spf8QXG9zvXLTXUeRsoNuxEYMgLYR+NXfAa1rjKRcrg==",
+			"version": "1.39.0",
+			"resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.39.0.tgz",
+			"integrity": "sha512-+k4pdZgs1qiM+OUkSjx96YiKsXsmb59evFoqv8SKO067qBA+Z2s/dCzJij/ZhdQcs2zlTAgRKfeiiLm8PQ2qvw==",
 			"dev": true,
 			"bin": {
 				"playwright-core": "cli.js"
@@ -20517,12 +20517,12 @@
 			}
 		},
 		"@playwright/test": {
-			"version": "1.38.1",
-			"resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.38.1.tgz",
-			"integrity": "sha512-NqRp8XMwj3AK+zKLbZShl0r/9wKgzqI/527bkptKXomtuo+dOjU9NdMASQ8DNC9z9zLOMbG53T4eihYr3XR+BQ==",
+			"version": "1.39.0",
+			"resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.39.0.tgz",
+			"integrity": "sha512-3u1iFqgzl7zr004bGPYiN/5EZpRUSFddQBra8Rqll5N0/vfpqlP9I9EXqAoGacuAbX6c9Ulg/Cjqglp5VkK6UQ==",
 			"dev": true,
 			"requires": {
-				"playwright": "1.38.1"
+				"playwright": "1.39.0"
 			}
 		},
 		"@polka/url": {
@@ -22411,9 +22411,9 @@
 			}
 		},
 		"caniuse-lite": {
-			"version": "1.0.30001523",
-			"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001523.tgz",
-			"integrity": "sha512-I5q5cisATTPZ1mc588Z//pj/Ox80ERYDfR71YnvY7raS/NOk8xXlZcB0sF7JdqaV//kOaa6aus7lRfpdnt1eBA==",
+			"version": "1.0.30001547",
+			"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001547.tgz",
+			"integrity": "sha512-W7CrtIModMAxobGhz8iXmDfuJiiKg1WADMO/9x7/CLNin5cpSbuBjooyoIUVB5eyCc36QuTVlkVa1iB2S5+/eA==",
 			"dev": true
 		},
 		"chalk": {
@@ -27618,19 +27618,19 @@
 			}
 		},
 		"playwright": {
-			"version": "1.38.1",
-			"resolved": "https://registry.npmjs.org/playwright/-/playwright-1.38.1.tgz",
-			"integrity": "sha512-oRMSJmZrOu1FP5iu3UrCx8JEFRIMxLDM0c/3o4bpzU5Tz97BypefWf7TuTNPWeCe279TPal5RtPPZ+9lW/Qkow==",
+			"version": "1.39.0",
+			"resolved": "https://registry.npmjs.org/playwright/-/playwright-1.39.0.tgz",
+			"integrity": "sha512-naE5QT11uC/Oiq0BwZ50gDmy8c8WLPRTEWuSSFVG2egBka/1qMoSqYQcROMT9zLwJ86oPofcTH2jBY/5wWOgIw==",
 			"dev": true,
 			"requires": {
 				"fsevents": "2.3.2",
-				"playwright-core": "1.38.1"
+				"playwright-core": "1.39.0"
 			}
 		},
 		"playwright-core": {
-			"version": "1.38.1",
-			"resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.38.1.tgz",
-			"integrity": "sha512-tQqNFUKa3OfMf4b2jQ7aGLB8o9bS3bOY0yMEtldtC2+spf8QXG9zvXLTXUeRsoNuxEYMgLYR+NXfAa1rjKRcrg==",
+			"version": "1.39.0",
+			"resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.39.0.tgz",
+			"integrity": "sha512-+k4pdZgs1qiM+OUkSjx96YiKsXsmb59evFoqv8SKO067qBA+Z2s/dCzJij/ZhdQcs2zlTAgRKfeiiLm8PQ2qvw==",
 			"dev": true
 		},
 		"postcss": {
diff --git a/package.json b/package.json
index 61cd95b6a5..2eb9a0ecb1 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@swedbankpay/design-guide",
-	"version": "10.8.5",
+	"version": "10.8.6",
 	"description": "Swedbank Pay Design Guide",
 	"main": "src/scripts/main/index.js",
 	"scripts": {
@@ -61,7 +61,7 @@
 		"@babel/plugin-syntax-dynamic-import": "^7.8.3",
 		"@babel/preset-env": "7.20.2",
 		"@babel/preset-react": "^7.18.6",
-		"@playwright/test": "^1.38.1",
+		"@playwright/test": "^1.39.0",
 		"@sentry/webpack-plugin": "^1.20.0",
 		"@testing-library/jest-dom": "^5.16.5",
 		"@testing-library/react": "^14.0.0",
diff --git a/src/App/ComponentsDocumentation/__snapshots__/index.test.js.snap b/src/App/ComponentsDocumentation/__snapshots__/index.test.js.snap
index 2d4b6b35bb..68d389bdea 100644
--- a/src/App/ComponentsDocumentation/__snapshots__/index.test.js.snap
+++ b/src/App/ComponentsDocumentation/__snapshots__/index.test.js.snap
@@ -8,7 +8,7 @@ exports[`ComponentsDocumentation: index renders 1`] = `
     className="dg-current-version text-uppercase"
   >
     Design Guide – v. 
-    10.8.5
+    10.8.6
   </span>
 </div>
 `;
diff --git a/src/App/Home/constants.js b/src/App/Home/constants.js
index 5e1ec3476f..44c5af138a 100644
--- a/src/App/Home/constants.js
+++ b/src/App/Home/constants.js
@@ -4,6 +4,37 @@ import CodeTags from "@components/CodeTags";
 const basename = process.env.basename;
 
 export const changeLogs = [
+	{
+		version: "10.8.6",
+		title: "The one with little handy UI helpers",
+		text: (
+			<>
+				<p>We&apos;re back in action, armed with nifty UI helpers 🧰🚀🎁.</p>
+				<p>
+					Ever find yourself awake at night, sweating, pondering how life would
+					be better if there were a way to disable the icon rotation in the
+					dropdown toggle button when you open it? I know, right?
+				</p>
+				<p>
+					And what if I told you you could now style those bank-ID buttons as
+					secondary buttons? Isn&apos;t that something you&apos;ve been
+					daydreaming about for years?
+				</p>
+				<p>
+					But wait, there&apos;s more! How about a magical button that
+					transforms your component&apos;s preview container into a full-screen
+					extravaganza, delivering the ultimate home-cinema experience for your
+					components? It&apos;s like fulfilling a lifelong dream you didn&apos;t
+					even know you had since you were a little kid! 👶🎁
+					<br />
+					<span className="font-italic">
+						(for now only enabled for the Topbar component, but if YOU public
+						like it then we&apos;ll expand it to the rest 🎤)
+					</span>
+				</p>
+			</>
+		),
+	},
 	{
 		version: "10.8.5",
 		title: "The CSS url / Import Patch 🐛🔨",
diff --git a/src/App/Identity/__snapshots__/index.test.js.snap b/src/App/Identity/__snapshots__/index.test.js.snap
index 7ccb719682..ed14a41156 100644
--- a/src/App/Identity/__snapshots__/index.test.js.snap
+++ b/src/App/Identity/__snapshots__/index.test.js.snap
@@ -8,7 +8,7 @@ exports[`Core: index renders 1`] = `
     className="dg-current-version text-uppercase"
   >
     Design Guide – v. 
-    10.8.5
+    10.8.6
   </span>
 </div>
 `;
diff --git a/src/App/Patterns/__snapshots__/index.test.js.snap b/src/App/Patterns/__snapshots__/index.test.js.snap
index 38cc0cc51a..f5da3d4b72 100644
--- a/src/App/Patterns/__snapshots__/index.test.js.snap
+++ b/src/App/Patterns/__snapshots__/index.test.js.snap
@@ -8,7 +8,7 @@ exports[`Patterns: index renders 1`] = `
     className="dg-current-version text-uppercase"
   >
     Design Guide – v. 
-    10.8.5
+    10.8.6
   </span>
 </div>
 `;
diff --git a/src/App/Utilities/__snapshots__/index.test.js.snap b/src/App/Utilities/__snapshots__/index.test.js.snap
index bad2478b33..5b9fa49ca9 100644
--- a/src/App/Utilities/__snapshots__/index.test.js.snap
+++ b/src/App/Utilities/__snapshots__/index.test.js.snap
@@ -8,7 +8,7 @@ exports[`Utilities: index renders 1`] = `
     className="dg-current-version text-uppercase"
   >
     Design Guide - v. 
-    10.8.5
+    10.8.6
   </span>
   <div
     className="d-flex align-items-center"