diff --git a/packages/components/button-group/index.ts b/packages/components/button-group/index.ts
index d3934a74..98970050 100644
--- a/packages/components/button-group/index.ts
+++ b/packages/components/button-group/index.ts
@@ -2,9 +2,10 @@ import { defineCustomElement } from 'vue'
import { withInstall } from '@puik/utils'
import ButtonGroup from './src/button-group.vue'
+import ButtonGroupCe from './src/button-group.ce.vue'
export const PuikButtonGroup = withInstall(ButtonGroup)
-export const PuikButtonGroupCe = defineCustomElement(PuikButtonGroup)
+export const PuikButtonGroupCe = defineCustomElement(withInstall(ButtonGroupCe))
if (!customElements.get('puik-button-group-ce')) {
customElements.define('puik-button-group-ce', PuikButtonGroupCe)
diff --git a/packages/components/button-group/src/button-group.ce.vue b/packages/components/button-group/src/button-group.ce.vue
new file mode 100644
index 00000000..352f76a2
--- /dev/null
+++ b/packages/components/button-group/src/button-group.ce.vue
@@ -0,0 +1,25 @@
+
+
+
+
+
+
+
+
+
diff --git a/packages/components/button/index.ts b/packages/components/button/index.ts
index 985da8ba..7c9aa3a8 100644
--- a/packages/components/button/index.ts
+++ b/packages/components/button/index.ts
@@ -2,9 +2,10 @@ import { defineCustomElement } from 'vue'
import { withInstall } from '@puik/utils'
import Button from './src/button.vue'
+import ButtonCe from './src/button.ce.vue'
export const PuikButton = withInstall(Button)
-export const PuikButtonCe = defineCustomElement(PuikButton)
+export const PuikButtonCe = defineCustomElement(withInstall(ButtonCe))
if (!customElements.get('puik-button-ce')) {
customElements.define('puik-button-ce', PuikButtonCe)
diff --git a/packages/components/button/src/button.ce.vue b/packages/components/button/src/button.ce.vue
new file mode 100644
index 00000000..32be5c7a
--- /dev/null
+++ b/packages/components/button/src/button.ce.vue
@@ -0,0 +1,66 @@
+
+
+
+
+
+
+
+
+
+
+