diff --git a/.storybook/composable/useArgs.ts b/.storybook/composable/useArgs.ts
new file mode 100644
index 000000000..2b15e8858
--- /dev/null
+++ b/.storybook/composable/useArgs.ts
@@ -0,0 +1,21 @@
+import {
+  computed,
+  useAttrs,
+} from "vue";
+
+export function useArgs(excludedAttrs:string[] = []) {
+  const attrs = useAttrs();
+  const args = computed(() => (Object.keys(attrs).reduce((object, key) => {
+    if (!excludedAttrs.includes(key)) {
+      return {
+        ...object,
+        [key]: attrs[key],
+      };
+    }
+    return object;
+  }, {})));
+  return {
+    attrs,
+    args
+  }
+}
\ No newline at end of file
diff --git a/.storybook/decorators/withVModel.ts b/.storybook/decorators/withVModel.ts
index 6dcdfa4c0..d8803ebe9 100644
--- a/.storybook/decorators/withVModel.ts
+++ b/.storybook/decorators/withVModel.ts
@@ -1,4 +1,5 @@
 import {
+  ref,
   computed,
   defineComponent,
   provide,
@@ -13,9 +14,11 @@ export const withVModel = (story, { id, args }) => {
     name: 'DWithVModel',
     inheritAttrs: false,
     setup() {
+      const modelValueFallback = ref(null)
       const modelValue = computed({
-        get: ()=>(args.modelValue),
+        get: ()=>(modelValueFallback.value || args.modelValue),
         set: (newValue) => {
+          modelValueFallback.value = newValue;
           updateArgs({ modelValue: newValue });
         }
       })
diff --git a/src/components/organisms/UiHorizontalPaging/stories/MobileMenu.vue b/src/components/organisms/UiHorizontalPaging/stories/MobileMenu.vue
index 246d13c07..d5960d2f6 100644
--- a/src/components/organisms/UiHorizontalPaging/stories/MobileMenu.vue
+++ b/src/components/organisms/UiHorizontalPaging/stories/MobileMenu.vue
@@ -26,7 +26,7 @@
       ref="horizontalPagingTemplateRefs"
       v-model="value"
       v-bind="args"
-      :menu-template-refs="menuTemplateRef"
+      :menu-template-ref="menuTemplateRef"
     >
       <template
         #menu="{
@@ -78,7 +78,6 @@
 import {
   ref,
   computed,
-  useAttrs,
   defineOptions,
   inject,
   nextTick,
@@ -93,15 +92,18 @@ import {
   UiLink,
   UiHeading,
 } from '@infermedica/component-library';
+import { useArgs } from '@sb/composable/useArgs';
 import MedicalCertification from './_internal/MedicalCertification.vue';
 import TermsOfService from './_internal/TermsOfService.vue';
 import InterviewId from './_internal/InterviewId.vue';
 import { focusElement } from '../../../../utilities/helpers';
 
 defineOptions({ inheritAttrs: false });
-const attrs = useAttrs();
-const args = computed(() => (attrs));
-const value = inject('value', []);
+const {
+  attrs,
+  args,
+} = useArgs([ 'modelValue' ]);
+const value = inject('value', ref([]));
 
 const horizontalPagingTemplateRefs = ref(null);
 const isActive = computed(() => (horizontalPagingTemplateRefs.value?.isActive));
diff --git a/src/components/organisms/UiHorizontalPaging/stories/Multilevel.vue b/src/components/organisms/UiHorizontalPaging/stories/Multilevel.vue
index b26f1a4e0..9a712d189 100644
--- a/src/components/organisms/UiHorizontalPaging/stories/Multilevel.vue
+++ b/src/components/organisms/UiHorizontalPaging/stories/Multilevel.vue
@@ -39,8 +39,6 @@
 
 <script setup lang="ts">
 import {
-  computed,
-  useAttrs,
   defineOptions,
   inject,
 } from 'vue';
@@ -48,18 +46,15 @@ import {
   UiHorizontalPaging,
   UiLoader,
 } from '@infermedica/component-library';
+import { useArgs } from '@sb/composable/useArgs';
 
 defineOptions({ inheritAttrs: false });
-const attrs = useAttrs();
-const args = computed(() => (Object.keys(attrs).reduce((object, key) => {
-  if (key !== 'items') {
-    return {
-      ...object,
-      [key]: attrs[key],
-    };
-  }
-  return object;
-}, {})));
+const {
+  attrs, args,
+} = useArgs([
+  'modelValue',
+  'items',
+]);
 const value = inject('value', []);
 const itemsA = [
   {