diff --git a/code/frameworks/svelte-vite/package.json b/code/frameworks/svelte-vite/package.json
index 633f29f94917..ca1c0edfd009 100644
--- a/code/frameworks/svelte-vite/package.json
+++ b/code/frameworks/svelte-vite/package.json
@@ -56,13 +56,13 @@
     "@storybook/builder-vite": "workspace:*",
     "@storybook/svelte": "workspace:*",
     "magic-string": "^0.30.0",
-    "svelte2tsx": "^0.7.35",
+    "svelte2tsx": "^0.7.44",
     "typescript": "^4.9.4 || ^5.0.0"
   },
   "devDependencies": {
-    "@sveltejs/vite-plugin-svelte": "^5.0.3",
+    "@sveltejs/vite-plugin-svelte": "^6.2.0",
     "@types/node": "^22.0.0",
-    "svelte": "^5.0.5",
+    "svelte": "^5.39.5",
     "sveltedoc-parser": "^4.2.1",
     "typescript": "^5.8.3",
     "vite": "^7.0.4"
diff --git a/code/package.json b/code/package.json
index 0822d05bdf57..10a96039113c 100644
--- a/code/package.json
+++ b/code/package.json
@@ -208,7 +208,6 @@
     "sort-package-json": "^2.14.0",
     "storybook": "workspace:^",
     "storybook-addon-pseudo-states": "workspace:*",
-    "svelte": "^5.0.0-next.268",
     "ts-dedent": "^2.0.0",
     "typescript": "^5.8.3",
     "uuid": "^11.1.0",
diff --git a/code/renderers/svelte/package.json b/code/renderers/svelte/package.json
index c81b245a83ad..858db0b6afac 100644
--- a/code/renderers/svelte/package.json
+++ b/code/renderers/svelte/package.json
@@ -59,11 +59,11 @@
     "type-fest": "~2.19"
   },
   "devDependencies": {
-    "@sveltejs/vite-plugin-svelte": "^5.0.3",
+    "@sveltejs/vite-plugin-svelte": "^6.2.0",
     "@testing-library/svelte": "^5.2.4",
     "expect-type": "^1.1.0",
-    "svelte": "^5.20.5",
-    "svelte-check": "^4.1.4",
+    "svelte": "^5.39.5",
+    "svelte-check": "^4.3.2",
     "sveltedoc-parser": "^4.2.1",
     "typescript": "^5.8.3",
     "vite": "^7.0.4"
diff --git a/code/renderers/svelte/src/__test__/composeStories/__snapshots__/portable-stories.test.ts.snap b/code/renderers/svelte/src/__test__/composeStories/__snapshots__/portable-stories.test.ts.snap
index 59f909462e19..0f4a31a53f79 100644
--- a/code/renderers/svelte/src/__test__/composeStories/__snapshots__/portable-stories.test.ts.snap
+++ b/code/renderers/svelte/src/__test__/composeStories/__snapshots__/portable-stories.test.ts.snap
@@ -3,6 +3,7 @@
 exports[`Renders CSF2Secondary story 1`] = `
 <body>
   <div>
+    <!---->
     <!---->
     <!---->
     <button
@@ -16,6 +17,7 @@ exports[`Renders CSF2Secondary story 1`] = `
     
     
     
+    
   </div>
 </body>
 `;
@@ -27,6 +29,7 @@ exports[`Renders CSF2StoryWithParamsAndDecorator story 1`] = `
     <!---->
     <!---->
     <!---->
+    <!---->
     <div
       data-testid="local-decorator"
       style="margin: 3em;"
@@ -48,6 +51,7 @@ exports[`Renders CSF2StoryWithParamsAndDecorator story 1`] = `
     
     
     
+    
   </div>
 </body>
 `;
@@ -55,6 +59,7 @@ exports[`Renders CSF2StoryWithParamsAndDecorator story 1`] = `
 exports[`Renders CSF3Button story 1`] = `
 <body>
   <div>
+    <!---->
     <!---->
     <!---->
     <button
@@ -68,6 +73,7 @@ exports[`Renders CSF3Button story 1`] = `
     
     
     
+    
   </div>
 </body>
 `;
@@ -75,6 +81,7 @@ exports[`Renders CSF3Button story 1`] = `
 exports[`Renders CSF3ButtonWithRender story 1`] = `
 <body>
   <div>
+    <!---->
     <!---->
     <!---->
     <div>
@@ -97,6 +104,7 @@ exports[`Renders CSF3ButtonWithRender story 1`] = `
     
     
     
+    
   </div>
 </body>
 `;
@@ -104,6 +112,7 @@ exports[`Renders CSF3ButtonWithRender story 1`] = `
 exports[`Renders CSF3InputFieldFilled story 1`] = `
 <body>
   <div>
+    <!---->
     <!---->
     <!---->
     <input
@@ -112,6 +121,7 @@ exports[`Renders CSF3InputFieldFilled story 1`] = `
     
     
     
+    
   </div>
 </body>
 `;
@@ -119,6 +129,7 @@ exports[`Renders CSF3InputFieldFilled story 1`] = `
 exports[`Renders CSF3Primary story 1`] = `
 <body>
   <div>
+    <!---->
     <!---->
     <!---->
     <button
@@ -132,6 +143,7 @@ exports[`Renders CSF3Primary story 1`] = `
     
     
     
+    
   </div>
 </body>
 `;
@@ -139,6 +151,7 @@ exports[`Renders CSF3Primary story 1`] = `
 exports[`Renders LoaderStory story 1`] = `
 <body>
   <div>
+    <!---->
     <!---->
     <!---->
     <div>
@@ -157,6 +170,7 @@ exports[`Renders LoaderStory story 1`] = `
     
     
     
+    
   </div>
 </body>
 `;
@@ -168,6 +182,7 @@ exports[`Renders NewStory story 1`] = `
     <!---->
     <!---->
     <!---->
+    <!---->
     <div
       data-testid="local-decorator"
       style="margin: 3em;"
@@ -189,6 +204,7 @@ exports[`Renders NewStory story 1`] = `
     
     
     
+    
   </div>
 </body>
 `;
diff --git a/code/renderers/svelte/src/render.ts b/code/renderers/svelte/src/render.ts
index 508705c0d87d..6066686053a1 100644
--- a/code/renderers/svelte/src/render.ts
+++ b/code/renderers/svelte/src/render.ts
@@ -35,7 +35,7 @@ const componentsByDomElement = new Map<
   { mountedComponent: ReturnType<(typeof svelte)['mount']>; props: RenderContext }
 >();
 
-export function renderToCanvas(
+export async function renderToCanvas(
   {
     storyFn,
     title,
@@ -81,6 +81,7 @@ export function renderToCanvas(
       props,
     });
     componentsByDomElement.set(canvasElement, { mountedComponent, props });
+    await svelte.tick();
   } else {
     // We need to mutate the existing props for Svelte reactivity to work, we can't just re-assign them
     Object.assign(existingComponent.props, {
@@ -90,6 +91,7 @@ export function renderToCanvas(
       title,
       showError,
     });
+    await svelte.tick();
   }
 
   showMain();
diff --git a/code/renderers/svelte/static/PreviewRender.svelte b/code/renderers/svelte/static/PreviewRender.svelte
index 1a13253e6a49..8ebb7337a956 100644
--- a/code/renderers/svelte/static/PreviewRender.svelte
+++ b/code/renderers/svelte/static/PreviewRender.svelte
@@ -26,4 +26,9 @@
   });
 </script>
 
-<DecoratorHandler {Component} {props} />
+<svelte:boundary>
+  {#snippet pending()}
+    <div id="sb-pending-async-component-notice">Pending async component...</div>
+  {/snippet}
+  <DecoratorHandler {Component} {props} />
+</svelte:boundary>
diff --git a/code/renderers/svelte/svelte.config.js b/code/renderers/svelte/svelte.config.js
new file mode 100644
index 000000000000..58122b385ec4
--- /dev/null
+++ b/code/renderers/svelte/svelte.config.js
@@ -0,0 +1,16 @@
+//! this config isn't actually used, it's just here to tell svelte-check that we have async enabled
+
+const config = {
+  kit: {
+    experimental: {
+      remoteFunctions: true,
+    },
+  },
+  compilerOptions: {
+    experimental: {
+      async: true,
+    },
+  },
+};
+
+export default config;
diff --git a/code/renderers/svelte/template/stories/AsyncComponent.svelte b/code/renderers/svelte/template/stories/AsyncComponent.svelte
new file mode 100644
index 000000000000..0ff6de8e9fab
--- /dev/null
+++ b/code/renderers/svelte/template/stories/AsyncComponent.svelte
@@ -0,0 +1,17 @@
+<script lang="ts">
+  let shown = $state(false);
+
+  let { onEffect }: { onEffect?: () => void } = $props();
+
+  await new Promise<void>((resolve) => {
+    setTimeout(() => {
+      onEffect?.();
+      shown = true;
+      resolve();
+    }, 100);
+  });
+</script>
+
+{#if shown}
+  <div data-testid="after-effect">This element is shown after the component's effect runs</div>
+{/if}
diff --git a/code/renderers/svelte/template/stories/SyncComponent.svelte b/code/renderers/svelte/template/stories/SyncComponent.svelte
new file mode 100644
index 000000000000..943fe70c0175
--- /dev/null
+++ b/code/renderers/svelte/template/stories/SyncComponent.svelte
@@ -0,0 +1,14 @@
+<script lang="ts">
+  let shown = $state(false);
+
+  let { onEffect }: { onEffect?: () => void } = $props();
+
+  $effect(() => {
+    onEffect?.();
+    shown = true;
+  });
+</script>
+
+{#if shown}
+  <div data-testid="after-effect">This element is shown after the component's effect runs</div>
+{/if}
diff --git a/code/renderers/svelte/template/stories/settled.stories.ts b/code/renderers/svelte/template/stories/settled.stories.ts
new file mode 100644
index 000000000000..472276c45e3c
--- /dev/null
+++ b/code/renderers/svelte/template/stories/settled.stories.ts
@@ -0,0 +1,51 @@
+import type { StoryObj } from '@storybook/svelte';
+
+import { expect, fn, waitFor } from 'storybook/test';
+
+import AsyncComponent from './AsyncComponent.svelte';
+import SyncComponent from './SyncComponent.svelte';
+
+export default {
+  title: 'stories/renderers/svelte/settled',
+};
+
+export const Sync: StoryObj<typeof SyncComponent> = {
+  render: (args) => ({
+    Component: SyncComponent,
+    props: args,
+  }),
+  args: {
+    onEffect: fn(),
+  },
+  play: async ({ canvas, args }) => {
+    await expect(args.onEffect).toHaveBeenCalledOnce();
+    await expect(canvas.getByTestId('after-effect')).toBeInTheDocument();
+  },
+};
+
+export const Async: StoryObj<typeof AsyncComponent> = {
+  render: (args) => ({
+    Component: AsyncComponent,
+    props: args,
+  }),
+  args: {
+    onEffect: fn(),
+  },
+  play: async ({ canvas, canvasElement, args }) => {
+    await expect(args.onEffect).not.toHaveBeenCalled();
+    await expect(
+      canvasElement.querySelector('#sb-pending-async-component-notice')
+    ).toBeInTheDocument();
+
+    // TODO: Ideally we should be able to call await svelte.settled() here instead of waitFor, but currently there's a bug making it never resolve
+    // await svelte.settled();
+
+    await waitFor(async () => {
+      await expect(args.onEffect).toHaveBeenCalledOnce();
+      await expect(canvas.getByTestId('after-effect')).toBeInTheDocument();
+      await expect(
+        canvasElement.querySelector('#sb-pending-async-component-notice')
+      ).not.toBeInTheDocument();
+    });
+  },
+};
diff --git a/code/yarn.lock b/code/yarn.lock
index fad5da8c022d..882fc3cde4de 100644
--- a/code/yarn.lock
+++ b/code/yarn.lock
@@ -6967,7 +6967,6 @@ __metadata:
     sort-package-json: "npm:^2.14.0"
     storybook: "workspace:^"
     storybook-addon-pseudo-states: "workspace:*"
-    svelte: "npm:^5.0.0-next.268"
     ts-dedent: "npm:^2.0.0"
     typescript: "npm:^5.8.3"
     uuid: "npm:^11.1.0"
@@ -7027,11 +7026,11 @@ __metadata:
   dependencies:
     "@storybook/builder-vite": "workspace:*"
     "@storybook/svelte": "workspace:*"
-    "@sveltejs/vite-plugin-svelte": "npm:^5.0.3"
+    "@sveltejs/vite-plugin-svelte": "npm:^6.2.0"
     "@types/node": "npm:^22.0.0"
     magic-string: "npm:^0.30.0"
-    svelte: "npm:^5.0.5"
-    svelte2tsx: "npm:^0.7.35"
+    svelte: "npm:^5.39.5"
+    svelte2tsx: "npm:^0.7.44"
     sveltedoc-parser: "npm:^4.2.1"
     typescript: "npm:^5.8.3"
     vite: "npm:^7.0.4"
@@ -7047,11 +7046,11 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@storybook/svelte@workspace:renderers/svelte"
   dependencies:
-    "@sveltejs/vite-plugin-svelte": "npm:^5.0.3"
+    "@sveltejs/vite-plugin-svelte": "npm:^6.2.0"
     "@testing-library/svelte": "npm:^5.2.4"
     expect-type: "npm:^1.1.0"
-    svelte: "npm:^5.20.5"
-    svelte-check: "npm:^4.1.4"
+    svelte: "npm:^5.39.5"
+    svelte-check: "npm:^4.3.2"
     sveltedoc-parser: "npm:^4.2.1"
     ts-dedent: "npm:^2.0.0"
     type-fest: "npm:~2.19"
@@ -7159,33 +7158,32 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@sveltejs/vite-plugin-svelte-inspector@npm:^4.0.1":
-  version: 4.0.1
-  resolution: "@sveltejs/vite-plugin-svelte-inspector@npm:4.0.1"
+"@sveltejs/vite-plugin-svelte-inspector@npm:^5.0.0":
+  version: 5.0.1
+  resolution: "@sveltejs/vite-plugin-svelte-inspector@npm:5.0.1"
   dependencies:
-    debug: "npm:^4.3.7"
+    debug: "npm:^4.4.1"
   peerDependencies:
-    "@sveltejs/vite-plugin-svelte": ^5.0.0
+    "@sveltejs/vite-plugin-svelte": ^6.0.0-next.0
     svelte: ^5.0.0
-    vite: ^6.0.0
-  checksum: 10c0/03cc334346fcf291d3d0cba435bf752d15df91c0ac55dccdb5bf1372ae5a85fcb25f0f63ca3d1f7a25ebaa9e711fd1178d8a1fd6f495d57ac2eb327b855c0aea
+    vite: ^6.3.0 || ^7.0.0
+  checksum: 10c0/d8bdd22936c60098640c82d12f976e978c1de0a9a801a49f0a438aa4fc8a47847460a7412613151e1e4423b56ab0f436b96b6386f992da5a464e02d8634e72b7
   languageName: node
   linkType: hard
 
-"@sveltejs/vite-plugin-svelte@npm:^5.0.3":
-  version: 5.1.1
-  resolution: "@sveltejs/vite-plugin-svelte@npm:5.1.1"
+"@sveltejs/vite-plugin-svelte@npm:^6.2.0":
+  version: 6.2.0
+  resolution: "@sveltejs/vite-plugin-svelte@npm:6.2.0"
   dependencies:
-    "@sveltejs/vite-plugin-svelte-inspector": "npm:^4.0.1"
+    "@sveltejs/vite-plugin-svelte-inspector": "npm:^5.0.0"
     debug: "npm:^4.4.1"
     deepmerge: "npm:^4.3.1"
-    kleur: "npm:^4.1.5"
     magic-string: "npm:^0.30.17"
-    vitefu: "npm:^1.0.6"
+    vitefu: "npm:^1.1.1"
   peerDependencies:
     svelte: ^5.0.0
-    vite: ^6.0.0
-  checksum: 10c0/a8ca872c07180ac0676d54243ba0bd47690ad07933abe5c02732bdd286b31a27370e1ed67f07b4de012aea0b7c8d12d67a3c48d0567b18af67dc5adebea6859a
+    vite: ^6.3.0 || ^7.0.0
+  checksum: 10c0/512b6bc09ce3f0f625e7ca28987f8dbe5687f35042d888b4e4ef66f6f75eb2d81e4d0732bd07db66bd1ed1219748dd1f2482c54a9ede840dd403e858060b16e9
   languageName: node
   linkType: hard
 
@@ -12261,7 +12259,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"debug@npm:4, debug@npm:^4.0.0, debug@npm:^4.1.0, debug@npm:^4.1.1, debug@npm:^4.3.1, debug@npm:^4.3.2, debug@npm:^4.3.4, debug@npm:^4.3.6, debug@npm:^4.3.7, debug@npm:^4.4.0, debug@npm:^4.4.1":
+"debug@npm:4, debug@npm:^4.0.0, debug@npm:^4.1.0, debug@npm:^4.1.1, debug@npm:^4.3.1, debug@npm:^4.3.2, debug@npm:^4.3.4, debug@npm:^4.3.6, debug@npm:^4.4.0, debug@npm:^4.4.1":
   version: 4.4.3
   resolution: "debug@npm:4.4.3"
   dependencies:
@@ -17988,13 +17986,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"kleur@npm:^4.1.5":
-  version: 4.1.5
-  resolution: "kleur@npm:4.1.5"
-  checksum: 10c0/e9de6cb49657b6fa70ba2d1448fd3d691a5c4370d8f7bbf1c2f64c24d461270f2117e1b0afe8cb3114f13bbd8e51de158c2a224953960331904e636a5e4c0f2a
-  languageName: node
-  linkType: hard
-
 "knitwork@npm:^1.1.0":
   version: 1.2.0
   resolution: "knitwork@npm:1.2.0"
@@ -20951,7 +20942,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"pascal-case@npm:^3.1.1, pascal-case@npm:^3.1.2":
+"pascal-case@npm:^3.1.2":
   version: 3.1.2
   resolution: "pascal-case@npm:3.1.2"
   dependencies:
@@ -23653,6 +23644,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"scule@npm:^1.3.0":
+  version: 1.3.0
+  resolution: "scule@npm:1.3.0"
+  checksum: 10c0/5d1736daa10622c420f2aa74e60d3c722e756bfb139fa784ae5c66669fdfe92932d30ed5072e4ce3107f9c3053e35ad73b2461cb18de45b867e1d4dea63f8823
+  languageName: node
+  linkType: hard
+
 "secure-compare@npm:3.0.1":
   version: 3.0.1
   resolution: "secure-compare@npm:3.0.1"
@@ -25010,9 +25008,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"svelte-check@npm:^4.1.4":
-  version: 4.3.1
-  resolution: "svelte-check@npm:4.3.1"
+"svelte-check@npm:^4.3.2":
+  version: 4.3.2
+  resolution: "svelte-check@npm:4.3.2"
   dependencies:
     "@jridgewell/trace-mapping": "npm:^0.3.25"
     chokidar: "npm:^4.0.1"
@@ -25024,26 +25022,26 @@ __metadata:
     typescript: ">=5.0.0"
   bin:
     svelte-check: bin/svelte-check
-  checksum: 10c0/e3aa6b8be4d46054699740e4625acf846e6b4a085f63c5a1621b3429367ecfd9e1f6fae36b6169cd375826b22c5a70c77c83c998ac9ef2fd2435b4bebf932788
+  checksum: 10c0/a3b35da017ae5f24b6594f713147e559c5339d9b2b3924ac53d59e07cff3ffdb11767b9aab65a9b3453c4b8f34fa7ed3045b249d7a2961fa484ce70145aa3f2b
   languageName: node
   linkType: hard
 
-"svelte2tsx@npm:^0.7.35":
-  version: 0.7.43
-  resolution: "svelte2tsx@npm:0.7.43"
+"svelte2tsx@npm:^0.7.44":
+  version: 0.7.44
+  resolution: "svelte2tsx@npm:0.7.44"
   dependencies:
     dedent-js: "npm:^1.0.1"
-    pascal-case: "npm:^3.1.1"
+    scule: "npm:^1.3.0"
   peerDependencies:
     svelte: ^3.55 || ^4.0.0-next.0 || ^4.0 || ^5.0.0-next.0
     typescript: ^4.9.4 || ^5.0.0
-  checksum: 10c0/514b3f592fc3dd883f93f7b6f5c91d1ab8eec7f6ee474229132e803754ade1516511ab875656ceb016aae062230d41a53e7768b3b180256a1fc686dd8058e72a
+  checksum: 10c0/3ca19f97eeee5837defd7c4f7e6c36d975ebd520cb78047e56a6ff2d1bb5390e3aadc9c79626901ed0eb911d0f8706c08ef5d85ad71b6dee897dca76374a1157
   languageName: node
   linkType: hard
 
-"svelte@npm:^5.0.0-next.268, svelte@npm:^5.0.5, svelte@npm:^5.20.5":
-  version: 5.38.10
-  resolution: "svelte@npm:5.38.10"
+"svelte@npm:^5.39.5":
+  version: 5.39.5
+  resolution: "svelte@npm:5.39.5"
   dependencies:
     "@jridgewell/remapping": "npm:^2.3.4"
     "@jridgewell/sourcemap-codec": "npm:^1.5.0"
@@ -25059,7 +25057,7 @@ __metadata:
     locate-character: "npm:^3.0.0"
     magic-string: "npm:^0.30.11"
     zimmerframe: "npm:^1.1.2"
-  checksum: 10c0/817a2f2c56ed78312f6bd747eec3e63f7895988fb3a27f6ed5dc4342e095e64ed6339b30fda81e27ada918fcb7afd2106803a0587663d6194c8e43679c692543
+  checksum: 10c0/2ca4c31cd137e7ee7717d4e9997cfbba9cddf794d31c90626cdbedafa1e42c57451d9db515339cc63bbc245ac84a4f76b29d2fb52282d90282407186b47d8c32
   languageName: node
   linkType: hard
 
@@ -26557,7 +26555,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"vitefu@npm:^1.0.6":
+"vitefu@npm:^1.1.1":
   version: 1.1.1
   resolution: "vitefu@npm:1.1.1"
   peerDependencies:
diff --git a/test-storybooks/portable-stories-kitchen-sink/svelte/package.json b/test-storybooks/portable-stories-kitchen-sink/svelte/package.json
index a0b2a3004029..2435a5057f12 100644
--- a/test-storybooks/portable-stories-kitchen-sink/svelte/package.json
+++ b/test-storybooks/portable-stories-kitchen-sink/svelte/package.json
@@ -54,15 +54,15 @@
     "@playwright/experimental-ct-svelte": "1.52.0",
     "@storybook/svelte": "9.0.0-alpha.0",
     "@storybook/svelte-vite": "9.0.0-alpha.0",
-    "@sveltejs/vite-plugin-svelte": "^5.0.3",
-    "@testing-library/svelte": "5.2.7",
-    "@tsconfig/svelte": "^5.0.2",
+    "@sveltejs/vite-plugin-svelte": "^6.2.0",
+    "@testing-library/svelte": "5.2.8",
+    "@tsconfig/svelte": "^5.0.5",
     "@types/node": "^22",
     "cypress": "^13.6.6",
     "happy-dom": "^15.11.7",
     "storybook": "9.0.0-alpha.0",
-    "svelte": "^5.20.5",
-    "svelte-check": "^4.1.4",
+    "svelte": "^5.39.5",
+    "svelte-check": "^4.3.2",
     "tslib": "^2.6.2",
     "typescript": "^5.2.2",
     "vite": "^6",
diff --git a/test-storybooks/portable-stories-kitchen-sink/svelte/stories/__snapshots__/Button.test.ts.snap b/test-storybooks/portable-stories-kitchen-sink/svelte/stories/__snapshots__/Button.test.ts.snap
index c55663382310..4fb950f42dab 100644
--- a/test-storybooks/portable-stories-kitchen-sink/svelte/stories/__snapshots__/Button.test.ts.snap
+++ b/test-storybooks/portable-stories-kitchen-sink/svelte/stories/__snapshots__/Button.test.ts.snap
@@ -15,6 +15,8 @@ exports[`Renders CSF2Secondary story 1`] = `
     
     <!---->
     
+    <!---->
+    
     
   </div>
 </body>
@@ -46,6 +48,8 @@ exports[`Renders CSF2StoryWithParamsAndDecorator story 1`] = `
     
     <!---->
     
+    <!---->
+    
     
   </div>
 </body>
@@ -66,6 +70,8 @@ exports[`Renders CSF3Button story 1`] = `
     
     <!---->
     
+    <!---->
+    
     
   </div>
 </body>
@@ -95,6 +101,8 @@ exports[`Renders CSF3ButtonWithRender story 1`] = `
     
     <!---->
     
+    <!---->
+    
     
   </div>
 </body>
@@ -110,6 +118,8 @@ exports[`Renders CSF3InputFieldFilled story 1`] = `
     
     <!---->
     
+    <!---->
+    
     
   </div>
 </body>
@@ -130,6 +140,8 @@ exports[`Renders CSF3Primary story 1`] = `
     
     <!---->
     
+    <!---->
+    
     
   </div>
 </body>
@@ -155,6 +167,8 @@ exports[`Renders LoaderStory story 1`] = `
     
     <!---->
     
+    <!---->
+    
     
   </div>
 </body>
@@ -186,6 +200,8 @@ exports[`Renders NewStory story 1`] = `
     
     <!---->
     
+    <!---->
+    
     
   </div>
 </body>
