diff --git a/src/components/molecules/UiToggleButtonGroup/_internal/UiToggleButton.vue b/src/components/molecules/UiToggleButtonGroup/_internal/UiToggleButton.vue
index 5794f0b58..38a779a30 100644
--- a/src/components/molecules/UiToggleButtonGroup/_internal/UiToggleButton.vue
+++ b/src/components/molecules/UiToggleButtonGroup/_internal/UiToggleButton.vue
@@ -53,7 +53,13 @@ if (!parentComponent || parentComponent.type.name !== 'UiToggleButtonGroup') {
     throw new Error('UiToggleButton has to be child of UiToggleButtonGroup');
   }
 }
-const modelValue = inject<WritableComputedRef<ToggleButtonGroupProps['modelValue']>>('modelValue', computed(() => ''));
+const modelValue = inject<WritableComputedRef<ToggleButtonGroupProps['modelValue']>>(
+  'modelValue',
+  computed({
+    get: () => '',
+    set: (value) => value,
+  }),
+);
 const isChecked = computed(() => (modelValue && equal(modelValue.value, props.value)));
 const clickHandler = () => {
   modelValue.value = props.value;