diff --git a/docs/pages/webitel-ui/components/wt-tabs/Readme.md b/docs/pages/webitel-ui/components/wt-tabs/Readme.md
index 80d98957..68546670 100644
--- a/docs/pages/webitel-ui/components/wt-tabs/Readme.md
+++ b/docs/pages/webitel-ui/components/wt-tabs/Readme.md
@@ -1,16 +1,31 @@
 <script setup>
-import Docs from './wt-tabs-docs.vue';
 import ExampleTabs from './examples/example-tabs.vue';
+import ExampleWideTabs from './examples/example-wide-tabs.vue';
 </script>
 
 # WtTabs
 
 ## Props
-::: raw
-<Docs />
-:::
+
+| Name    | Type     | Default | Description                                   |
+|---------|----------|---------|-----------------------------------------------|
+| current | `Object` | `{}`    | The value of the selected tab                 |
+| tabs    | `Array`  | `[]`    | The list of tabs. Tracked by `value` property |
+
+## Events
+
+| Name   | Params          | Description                          |
+|--------|-----------------|--------------------------------------|
+| change | `tab`: `Object` | Returns tab object from list of tabs |
+
+## Slots
+
+| Name         | Scope              | Description                                                              |
+|--------------|--------------------|--------------------------------------------------------------------------|
+| `:tab-value` | `{ tab, current }` | Override tab contents with passed tab from `tabs` object and `current` tab |
 
 ## Example Tabs
+
 ::: raw
 <ExampleTabs />
 :::
@@ -18,3 +33,13 @@ import ExampleTabs from './examples/example-tabs.vue';
 ::: details Code
 <<< ./examples/example-tabs.vue
 :::
+
+## Example Wide Tabs
+
+::: raw
+<ExampleWideTabs />
+:::
+
+::: details Code
+<<< ./examples/example-wide-tabs.vue
+:::
diff --git a/docs/pages/webitel-ui/components/wt-tabs/examples/example-wide-tabs.vue b/docs/pages/webitel-ui/components/wt-tabs/examples/example-wide-tabs.vue
new file mode 100644
index 00000000..95a0d36c
--- /dev/null
+++ b/docs/pages/webitel-ui/components/wt-tabs/examples/example-wide-tabs.vue
@@ -0,0 +1,33 @@
+<script setup>
+import  { ref } from 'vue';
+
+const tabs = [
+  {
+    text: 'Tab 1',
+    value: '1',
+  },
+  {
+    text: 'Tab 2',
+    value: '2',
+  },
+  {
+    text: 'Tab 3',
+    value: '3',
+  },
+];
+
+const current = ref(tabs[0]);
+</script>
+
+<template>
+  <wt-tabs
+    :current="current"
+    :tabs="tabs"
+    wide
+    @change="current = $event"
+  />
+</template>
+
+<style scoped lang="scss">
+
+</style>
diff --git a/docs/pages/webitel-ui/components/wt-tabs/wt-tabs-docs.vue b/docs/pages/webitel-ui/components/wt-tabs/wt-tabs-docs.vue
deleted file mode 100644
index 0272663a..00000000
--- a/docs/pages/webitel-ui/components/wt-tabs/wt-tabs-docs.vue
+++ /dev/null
@@ -1,60 +0,0 @@
-<template>
-  <component-model
-    event="change"
-    prop="current"
-  />
-  <component-props
-    :properties="properties"
-  />
-  <component-events
-    :events="events"
-  />
-  <component-slots
-    :slots="slots"
-  />
-</template>
-
-<script>
-import Prism from 'prismjs';
-
-export default {
-  name: 'WtTabsDocs',
-  data: () => ({
-    properties: [
-      {
-        value: 'current',
-        code: '<wt-tabs :current="{text: `TAB_TEXT`, value: `tab1`}"></wt-tabs>',
-        type: 'Object',
-        default: '{}',
-      },
-      {
-        value: 'tabs',
-        code: '<wt-tabs :tabs="[{text: `TAB_TEXT`, value: `tab1`}, {text: `TAB_TEXT2`, value: `tab2`}]"></wt-tabs>',
-        type: 'Array',
-        default: '[]',
-      },
-    ],
-    events: [
-      {
-        value: 'change',
-        params: [
-          { name: 'tab', type: 'Object', description: 'Returns tab object from list of tabs' },
-        ],
-      },
-    ],
-    slots: [
-      {
-        name: ':tab-value',
-        scope: [{ name: 'tab' }, { name: 'current' }],
-        description: 'Custom tab contents slot',
-      },
-    ],
-  }),
-  mounted() {
-    Prism.highlightAll();
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-</style>
diff --git a/package.json b/package.json
index dd778a60..72364359 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "24.2.53",
+  "version": "24.2.54",
   "private": false,
   "scripts": {
     "dev": "vite",
diff --git a/src/components/wt-tabs/wt-tabs.vue b/src/components/wt-tabs/wt-tabs.vue
index de7aa46a..57a578de 100644
--- a/src/components/wt-tabs/wt-tabs.vue
+++ b/src/components/wt-tabs/wt-tabs.vue
@@ -1,10 +1,15 @@
 <template>
-  <nav class="wt-tabs">
+  <nav
+    class="wt-tabs"
+    :class="{
+      'wt-tabs--wide': wide,
+    }"
+  >
     <button
       v-for="(tab) in tabs"
       :key="tab.value"
       :class="{
-        'wt-tab--highlight': tab.value === current.value
+        'wt-tab--highlight': tab.value === current.value,
       }"
       :value="tab.text"
       class="wt-tab"
@@ -48,6 +53,10 @@ export default {
       type: Array,
       default: () => [],
     },
+    wide: {
+      type: Boolean,
+      default: false,
+    },
   },
   emits: [
     'change',
@@ -85,6 +94,13 @@ export default {
   display: flex;
   flex-wrap: nowrap;
   gap: var(--tab-gap);
+
+  &--wide {
+    .wt-tab {
+      display: block;
+      width: 100%;
+    }
+  }
 }
 
 .wt-tab {