diff --git a/tools/generators/plop/scss-variables.hbs b/tools/generators/plop/scss-variables.hbs
index aedb2aaea..09f9719e7 100644
--- a/tools/generators/plop/scss-variables.hbs
+++ b/tools/generators/plop/scss-variables.hbs
@@ -3,5 +3,5 @@
 /* -------------------------------------------------------------------------- */
 
 :host {
-  --bq-{{kebabCase name}}--margin: 1px;
+  --bq-{{kebabCase name}}--margin: theme('spacing.m');
 }
\ No newline at end of file
diff --git a/tools/generators/plop/storybook.hbs b/tools/generators/plop/storybook.hbs
index 7d6f9c25a..136a9e2a2 100644
--- a/tools/generators/plop/storybook.hbs
+++ b/tools/generators/plop/storybook.hbs
@@ -1,7 +1,7 @@
+import type { Args, Meta, StoryObj } from '@storybook/web-components';
 import { html } from 'lit-html';
-import mdx from './bq-{{kebabCase name}}.mdx';
 
-import type { Args, Meta, StoryObj } from '@storybook/web-components';
+import mdx from './bq-{{kebabCase name}}.mdx';
 
 const meta: Meta = {
   title: 'Components/{{sentenceCase name}}',