diff --git a/.changeset/cold-terms-pay.md b/.changeset/cold-terms-pay.md
new file mode 100644
index 00000000..62bee30d
--- /dev/null
+++ b/.changeset/cold-terms-pay.md
@@ -0,0 +1,7 @@
+---
+'@smile/react-front-kit-shared': minor
+'@smile/react-front-kit-table': minor
+'@smile/react-front-kit': minor
+---
+
+Add dynamic componentProps property in actions
diff --git a/.changeset/sharp-bikes-dress.md b/.changeset/sharp-bikes-dress.md
new file mode 100644
index 00000000..d915955d
--- /dev/null
+++ b/.changeset/sharp-bikes-dress.md
@@ -0,0 +1,7 @@
+---
+'@smile/react-front-kit-shared': patch
+'@smile/react-front-kit-table': patch
+'@smile/react-front-kit': patch
+---
+
+Add server barrel files
diff --git a/.changeset/slow-trainers-fry.md b/.changeset/slow-trainers-fry.md
new file mode 100644
index 00000000..3ae8982c
--- /dev/null
+++ b/.changeset/slow-trainers-fry.md
@@ -0,0 +1,5 @@
+---
+'@smile/react-front-kit': patch
+---
+
+Fix responsiveTabs when layout switch between columns and rows
diff --git a/package-lock.json b/package-lock.json
index bd1437b1..28ff84df 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2552,6 +2552,7 @@
       "version": "1.5.0",
       "resolved": "https://registry.npmjs.org/@colors/colors/-/colors-1.5.0.tgz",
       "integrity": "sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==",
+      "dev": true,
       "optional": true,
       "engines": {
         "node": ">=0.1.90"
@@ -3746,6 +3747,7 @@
       "version": "8.0.2",
       "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
       "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
+      "dev": true,
       "dependencies": {
         "string-width": "^5.1.2",
         "string-width-cjs": "npm:string-width@^4.2.0",
@@ -3762,6 +3764,7 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
       "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
+      "dev": true,
       "engines": {
         "node": ">=12"
       },
@@ -3773,6 +3776,7 @@
       "version": "6.2.1",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
       "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
+      "dev": true,
       "engines": {
         "node": ">=12"
       },
@@ -3783,12 +3787,14 @@
     "node_modules/@isaacs/cliui/node_modules/emoji-regex": {
       "version": "9.2.2",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
-      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg=="
+      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
+      "dev": true
     },
     "node_modules/@isaacs/cliui/node_modules/string-width": {
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
       "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
+      "dev": true,
       "dependencies": {
         "eastasianwidth": "^0.2.0",
         "emoji-regex": "^9.2.2",
@@ -3805,6 +3811,7 @@
       "version": "7.1.0",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
       "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+      "dev": true,
       "dependencies": {
         "ansi-regex": "^6.0.1"
       },
@@ -3819,6 +3826,7 @@
       "version": "8.1.0",
       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
       "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
+      "dev": true,
       "dependencies": {
         "ansi-styles": "^6.1.0",
         "string-width": "^5.0.1",
@@ -6004,6 +6012,7 @@
       "version": "0.11.0",
       "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
       "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
+      "dev": true,
       "optional": true,
       "engines": {
         "node": ">=14"
@@ -11462,6 +11471,7 @@
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.1.0.tgz",
       "integrity": "sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==",
+      "dev": true,
       "dependencies": {
         "clean-stack": "^2.0.0",
         "indent-string": "^4.0.0"
@@ -11588,7 +11598,8 @@
     "node_modules/archy": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/archy/-/archy-1.0.0.tgz",
-      "integrity": "sha512-Xg+9RwCg/0p32teKdGMPTPnVXKD0w3DfHnFTficozsAgsvq2XenPJq/MYpzzQ/v8zrOyJn6Ds39VA4JIDwFfqw=="
+      "integrity": "sha512-Xg+9RwCg/0p32teKdGMPTPnVXKD0w3DfHnFTficozsAgsvq2XenPJq/MYpzzQ/v8zrOyJn6Ds39VA4JIDwFfqw==",
+      "dev": true
     },
     "node_modules/arg": {
       "version": "4.1.3",
@@ -12399,6 +12410,7 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
       "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "dev": true,
       "dependencies": {
         "balanced-match": "^1.0.0"
       }
@@ -12522,6 +12534,7 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/builtins/-/builtins-5.0.1.tgz",
       "integrity": "sha512-qwVpFEHNfhYJIzNRBvd2C1kyo6jz3ZSMPyyuR47OPdiKWlbYnZNyDWuyR175qDnAJLiCo5fBBqPb3RiXgWlkOQ==",
+      "dev": true,
       "dependencies": {
         "semver": "^7.0.0"
       }
@@ -12886,6 +12899,7 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/chownr/-/chownr-2.0.0.tgz",
       "integrity": "sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==",
+      "dev": true,
       "engines": {
         "node": ">=10"
       }
@@ -12894,6 +12908,7 @@
       "version": "3.9.0",
       "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.9.0.tgz",
       "integrity": "sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==",
+      "devOptional": true,
       "funding": [
         {
           "type": "github",
@@ -12914,6 +12929,7 @@
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/clean-stack/-/clean-stack-2.2.0.tgz",
       "integrity": "sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==",
+      "dev": true,
       "engines": {
         "node": ">=6"
       }
@@ -12946,6 +12962,7 @@
       "version": "0.6.3",
       "resolved": "https://registry.npmjs.org/cli-table3/-/cli-table3-0.6.3.tgz",
       "integrity": "sha512-w5Jac5SykAeZJKntOxJCrm63Eg5/4dhMWIcuTbo9rpE+brgaSZo0RuNJZeOyMgsUdhDeojvgyQLmjI+K50ZGyg==",
+      "dev": true,
       "dependencies": {
         "string-width": "^4.2.0"
       },
@@ -15418,7 +15435,8 @@
     "node_modules/eastasianwidth": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
-      "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA=="
+      "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
+      "dev": true
     },
     "node_modules/ee-first": {
       "version": "1.1.1",
@@ -15462,7 +15480,8 @@
     "node_modules/emoji-regex": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "devOptional": true
     },
     "node_modules/encodeurl": {
       "version": "1.0.2",
@@ -17881,6 +17900,7 @@
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.1.1.tgz",
       "integrity": "sha512-TMKDUnIte6bfb5nWv7V/caI169OHgvwjb7V4WkeUvbQQdjr5rWKqHFiKWb/fcOwB+CzBT+qbWjvj+DVwRskpIg==",
+      "dev": true,
       "dependencies": {
         "cross-spawn": "^7.0.0",
         "signal-exit": "^4.0.1"
@@ -17896,6 +17916,7 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
       "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
+      "dev": true,
       "engines": {
         "node": ">=14"
       },
@@ -17988,6 +18009,7 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-2.1.0.tgz",
       "integrity": "sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==",
+      "dev": true,
       "dependencies": {
         "minipass": "^3.0.0"
       },
@@ -17999,6 +18021,7 @@
       "version": "3.3.6",
       "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz",
       "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
+      "dev": true,
       "dependencies": {
         "yallist": "^4.0.0"
       },
@@ -18009,7 +18032,8 @@
     "node_modules/fs-minipass/node_modules/yallist": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true
     },
     "node_modules/fs.realpath": {
       "version": "1.0.0",
@@ -18362,6 +18386,7 @@
       "version": "10.3.10",
       "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.10.tgz",
       "integrity": "sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==",
+      "dev": true,
       "dependencies": {
         "foreground-child": "^3.1.0",
         "jackspeak": "^2.3.5",
@@ -18843,7 +18868,8 @@
     "node_modules/hosted-git-info": {
       "version": "2.8.9",
       "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz",
-      "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw=="
+      "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==",
+      "dev": true
     },
     "node_modules/html-encoding-sniffer": {
       "version": "3.0.0",
@@ -19197,6 +19223,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
       "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
+      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -19218,7 +19245,8 @@
     "node_modules/ini": {
       "version": "1.3.8",
       "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
-      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew=="
+      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
+      "dev": true
     },
     "node_modules/inquirer": {
       "version": "8.2.6",
@@ -20168,6 +20196,7 @@
       "version": "2.3.6",
       "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-2.3.6.tgz",
       "integrity": "sha512-N3yCS/NegsOBokc8GAdM8UcmfsKiSS8cipheD/nivzr700H+nsMOxJjQnvwOcRYVuFkdH0wGUvW2WbXGmrZGbQ==",
+      "dev": true,
       "dependencies": {
         "@isaacs/cliui": "^8.0.2"
       },
@@ -25261,6 +25290,7 @@
       "version": "9.0.3",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz",
       "integrity": "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==",
+      "dev": true,
       "dependencies": {
         "brace-expansion": "^2.0.1"
       },
@@ -25297,6 +25327,7 @@
       "version": "7.0.4",
       "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.0.4.tgz",
       "integrity": "sha512-jYofLM5Dam9279rdkWzqHozUo4ybjdZmCsDHePy5V/PbBcVMiSZR97gmAy45aqi8CK1lG2ECd356FU86avfwUQ==",
+      "dev": true,
       "engines": {
         "node": ">=16 || 14 >=14.17"
       }
@@ -25305,6 +25336,7 @@
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-2.1.2.tgz",
       "integrity": "sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==",
+      "dev": true,
       "dependencies": {
         "minipass": "^3.0.0",
         "yallist": "^4.0.0"
@@ -25317,6 +25349,7 @@
       "version": "3.3.6",
       "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz",
       "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
+      "dev": true,
       "dependencies": {
         "yallist": "^4.0.0"
       },
@@ -25327,7 +25360,8 @@
     "node_modules/minizlib/node_modules/yallist": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true
     },
     "node_modules/mixme": {
       "version": "0.5.10",
@@ -25342,6 +25376,7 @@
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz",
       "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==",
+      "dev": true,
       "bin": {
         "mkdirp": "bin/cmd.js"
       },
@@ -25778,6 +25813,7 @@
       "version": "2.5.0",
       "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz",
       "integrity": "sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==",
+      "dev": true,
       "dependencies": {
         "hosted-git-info": "^2.1.4",
         "resolve": "^1.10.0",
@@ -25789,6 +25825,7 @@
       "version": "5.7.2",
       "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
       "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
+      "dev": true,
       "bin": {
         "semver": "bin/semver"
       }
@@ -29133,6 +29170,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/p-map/-/p-map-3.0.0.tgz",
       "integrity": "sha512-d3qXVTF/s+W+CdJ5A29wywV2n8CQQYahlgz2bFiA+4eVNJbHJodPZ+/gXwPGh0bOqA+j8S+6+ckmvLGPk1QpxQ==",
+      "dev": true,
       "dependencies": {
         "aggregate-error": "^3.0.0"
       },
@@ -29372,6 +29410,7 @@
       "version": "1.10.1",
       "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.10.1.tgz",
       "integrity": "sha512-MkhCqzzBEpPvxxQ71Md0b1Kk51W01lrYvlMzSUaIzNsODdd7mqhiimSZlr+VegAz5Z6Vzt9Xg2ttE//XBhH3EQ==",
+      "dev": true,
       "dependencies": {
         "lru-cache": "^9.1.1 || ^10.0.0",
         "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
@@ -29387,6 +29426,7 @@
       "version": "10.1.0",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.1.0.tgz",
       "integrity": "sha512-/1clY/ui8CzjKFyjdvwPWJUYKiFVXG2I2cY0ssG7h4+hwk+XOIX7ZSG9Q7TW8TW3Kp3BUSqgFWBLgL4PJ+Blag==",
+      "dev": true,
       "engines": {
         "node": "14 || >=16.14"
       }
@@ -31714,6 +31754,7 @@
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.2.0.tgz",
       "integrity": "sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==",
+      "dev": true,
       "dependencies": {
         "spdx-expression-parse": "^3.0.0",
         "spdx-license-ids": "^3.0.0"
@@ -31722,12 +31763,14 @@
     "node_modules/spdx-exceptions": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.3.0.tgz",
-      "integrity": "sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A=="
+      "integrity": "sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==",
+      "dev": true
     },
     "node_modules/spdx-expression-parse": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz",
       "integrity": "sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==",
+      "dev": true,
       "dependencies": {
         "spdx-exceptions": "^2.1.0",
         "spdx-license-ids": "^3.0.0"
@@ -31736,7 +31779,8 @@
     "node_modules/spdx-license-ids": {
       "version": "3.0.16",
       "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.16.tgz",
-      "integrity": "sha512-eWN+LnM3GR6gPu35WxNgbGl8rmY1AEmoMDvL/QD6zYmPWgywxWqJWNdLGT+ke8dKNWrcYgYjPpG5gbTfghP8rw=="
+      "integrity": "sha512-eWN+LnM3GR6gPu35WxNgbGl8rmY1AEmoMDvL/QD6zYmPWgywxWqJWNdLGT+ke8dKNWrcYgYjPpG5gbTfghP8rw==",
+      "dev": true
     },
     "node_modules/split2": {
       "version": "3.2.2",
@@ -31880,6 +31924,7 @@
       "version": "4.2.3",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
       "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "devOptional": true,
       "dependencies": {
         "emoji-regex": "^8.0.0",
         "is-fullwidth-code-point": "^3.0.0",
@@ -31894,6 +31939,7 @@
       "version": "4.2.3",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
       "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dev": true,
       "dependencies": {
         "emoji-regex": "^8.0.0",
         "is-fullwidth-code-point": "^3.0.0",
@@ -31907,6 +31953,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
       "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -31915,6 +31962,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
       "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "devOptional": true,
       "engines": {
         "node": ">=8"
       }
@@ -31996,6 +32044,7 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
       "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
       "dependencies": {
         "ansi-regex": "^5.0.1"
       },
@@ -32181,6 +32230,7 @@
       "version": "6.2.0",
       "resolved": "https://registry.npmjs.org/tar/-/tar-6.2.0.tgz",
       "integrity": "sha512-/Wo7DcT0u5HUV486xg675HtjNd3BXZ6xDbzsCUZPt5iw8bTQ63bP0Raut3mvro9u+CUyq7YQd8Cx55fsZXxqLQ==",
+      "dev": true,
       "dependencies": {
         "chownr": "^2.0.0",
         "fs-minipass": "^2.0.0",
@@ -32231,6 +32281,7 @@
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/minipass/-/minipass-5.0.0.tgz",
       "integrity": "sha512-3FnjYuehv9k6ovOEbyOswadCDPX1piCfhV8ncmYtHOjuPwylVWsghTLo7rabjC3Rx5xD4HDx8Wm1xnMF7S5qFQ==",
+      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -32238,7 +32289,8 @@
     "node_modules/tar/node_modules/yallist": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true
     },
     "node_modules/telejson": {
       "version": "7.2.0",
@@ -33536,6 +33588,7 @@
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz",
       "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==",
+      "dev": true,
       "dependencies": {
         "spdx-correct": "^3.0.0",
         "spdx-expression-parse": "^3.0.0"
@@ -33545,6 +33598,7 @@
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/validate-npm-package-name/-/validate-npm-package-name-5.0.0.tgz",
       "integrity": "sha512-YuKoXDAhBYxY7SfOKxHBDoSyENFeW5VvIIQp2TGQuit8gpK6MnWaQelBKxso72DoxTZfZdcP3W90LqpSkgPzLQ==",
+      "dev": true,
       "dependencies": {
         "builtins": "^5.0.0"
       },
@@ -33901,6 +33955,7 @@
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
       "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "dev": true,
       "dependencies": {
         "ansi-styles": "^4.0.0",
         "string-width": "^4.1.0",
@@ -33917,6 +33972,7 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
       "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
       "dependencies": {
         "color-convert": "^2.0.1"
       },
@@ -33951,6 +34007,7 @@
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-4.0.2.tgz",
       "integrity": "sha512-7KxauUdBmSdWnmpaGFg+ppNjKF8uNLry8LyzjauQDOVONfFLNKrKvQOxZ/VuTIcS/gge/YNahf5RIIQWTSarlg==",
+      "devOptional": true,
       "dependencies": {
         "imurmurhash": "^0.1.4",
         "signal-exit": "^3.0.7"
diff --git a/packages/react-front-kit-shared/package.json b/packages/react-front-kit-shared/package.json
index eb180fdd..d8f91766 100644
--- a/packages/react-front-kit-shared/package.json
+++ b/packages/react-front-kit-shared/package.json
@@ -32,12 +32,16 @@
   "type": "module",
   "exports": {
     ".": "./dist/index.js",
+    "./server": "./dist/server.js",
     "./storybook-utils": "./dist/storybook-utils/index.js",
     "./test-utils": "./dist/test-utils/index.js"
   },
   "types": "./dist/index.d.ts",
   "typesVersions": {
     "*": {
+      "server": [
+        "dist/server.d.ts"
+      ],
       "storybook-utils": [
         "dist/storybook-utils/index.d.ts"
       ],
diff --git a/packages/react-front-kit-shared/src/server.tsx b/packages/react-front-kit-shared/src/server.tsx
new file mode 100644
index 00000000..86d73732
--- /dev/null
+++ b/packages/react-front-kit-shared/src/server.tsx
@@ -0,0 +1,3 @@
+/* eslint-disable react-refresh/only-export-components */
+export * from './helpers';
+export * from './theme';
diff --git a/packages/react-front-kit-shared/src/types/actions.ts b/packages/react-front-kit-shared/src/types/actions.ts
index fecce02c..3fc7c44b 100644
--- a/packages/react-front-kit-shared/src/types/actions.ts
+++ b/packages/react-front-kit-shared/src/types/actions.ts
@@ -20,9 +20,12 @@ export interface IActionConfirmModalProps<Item>
 
 export interface IAction<Item> {
   color?: string;
+  componentProps?:
+    | Record<string, unknown>
+    | ((item: Item) => Record<string, unknown>);
   confirmModalProps?: IActionConfirmModalProps<Item>;
   confirmation?: boolean;
-  icon: ReactNode | ((item: Item) => ReactNode);
+  icon?: ReactNode | ((item: Item) => ReactNode);
   id: number | string;
   isItemAction?: boolean;
   isMassAction?: boolean;
diff --git a/packages/react-front-kit-table/package.json b/packages/react-front-kit-table/package.json
index c2946305..9df22d2f 100644
--- a/packages/react-front-kit-table/package.json
+++ b/packages/react-front-kit-table/package.json
@@ -33,11 +33,15 @@
   "type": "module",
   "exports": {
     ".": "./dist/index.js",
+    "./server": "./dist/server.js",
     "./mock": "./dist/mock.js"
   },
   "types": "./dist/index.d.ts",
   "typesVersions": {
     "*": {
+      "server": [
+        "./dist/server.d.ts"
+      ],
       "mock": [
         "./dist/mock.d.ts"
       ]
diff --git a/packages/react-front-kit-table/src/Components/Table/Table.style.tsx b/packages/react-front-kit-table/src/Components/Table/Table.style.tsx
index d6ec3339..d81f30af 100644
--- a/packages/react-front-kit-table/src/Components/Table/Table.style.tsx
+++ b/packages/react-front-kit-table/src/Components/Table/Table.style.tsx
@@ -40,6 +40,15 @@ export const useStyles = createStyles((theme) => ({
       '0px 3.43489px 2.74791px 0px rgba(0, 0, 0, 0.02), 0px 8.6871px 6.94968px 0px rgba(0, 0, 0, 0.02), 0px 17.72087px 14.1767px 0px rgba(0, 0, 0, 0.03), 0px 36.50164px 29.20132px 0px rgba(0, 0, 0, 0.03), 0px 100px 80px 0px rgba(0, 0, 0, 0.05)',
   },
   rowActions: {
+    '& > *': {
+      alignItems: 'center',
+      display: 'flex',
+      height: '1.75rem',
+      justifyContent: 'center',
+      minHeight: '1.75rem',
+      minWidth: '1.75rem',
+      width: '1.75rem',
+    },
     boxShadow: 'none',
     display: 'flex',
     justifyContent: 'space-between',
diff --git a/packages/react-front-kit-table/src/Components/Table/Table.tsx b/packages/react-front-kit-table/src/Components/Table/Table.tsx
index b6cba841..a7b876d8 100644
--- a/packages/react-front-kit-table/src/Components/Table/Table.tsx
+++ b/packages/react-front-kit-table/src/Components/Table/Table.tsx
@@ -31,7 +31,11 @@ import {
 } from 'mantine-react-table';
 import { useState } from 'react';
 
-import { getActionIcon, getActionLabel } from '../../helpers';
+import {
+  getActionComponentProps,
+  getActionIcon,
+  getActionLabel,
+} from '../../helpers';
 
 import { useStyles } from './Table.style';
 
@@ -187,6 +191,7 @@ export function Table<Data extends Record<string, unknown>>(
                 onClick={() => handleAction(row, action)}
                 radius={4}
                 type="button"
+                {...getActionComponentProps(action, row)}
               >
                 {getActionIcon(action, row)}
               </ActionIcon>
@@ -223,6 +228,7 @@ export function Table<Data extends Record<string, unknown>>(
                     color={action.color}
                     icon={getActionIcon(action, row)}
                     onClick={() => handleAction(row, action)}
+                    {...getActionComponentProps(action, row)}
                   >
                     {getActionLabel(action, row)}
                   </Menu.Item>
diff --git a/packages/react-front-kit-table/src/Components/Table/__snapshots__/Table.test.tsx.snap b/packages/react-front-kit-table/src/Components/Table/__snapshots__/Table.test.tsx.snap
index 3cfd1586..9de73faf 100644
--- a/packages/react-front-kit-table/src/Components/Table/__snapshots__/Table.test.tsx.snap
+++ b/packages/react-front-kit-table/src/Components/Table/__snapshots__/Table.test.tsx.snap
@@ -844,7 +844,7 @@ exports[`Table matches snapshot 1`] = `
               class="mantine-vej1ag"
             >
               <div
-                class="___ref-rowActions mantine-1idxz77"
+                class="___ref-rowActions mantine-126p8zl"
               />
             </td>
           </tr>
@@ -921,7 +921,7 @@ exports[`Table matches snapshot 1`] = `
               class="mantine-vej1ag"
             >
               <div
-                class="___ref-rowActions mantine-1idxz77"
+                class="___ref-rowActions mantine-126p8zl"
               />
             </td>
           </tr>
@@ -998,7 +998,7 @@ exports[`Table matches snapshot 1`] = `
               class="mantine-vej1ag"
             >
               <div
-                class="___ref-rowActions mantine-1idxz77"
+                class="___ref-rowActions mantine-126p8zl"
               />
             </td>
           </tr>
@@ -1075,7 +1075,7 @@ exports[`Table matches snapshot 1`] = `
               class="mantine-vej1ag"
             >
               <div
-                class="___ref-rowActions mantine-1idxz77"
+                class="___ref-rowActions mantine-126p8zl"
               />
             </td>
           </tr>
@@ -1152,7 +1152,7 @@ exports[`Table matches snapshot 1`] = `
               class="mantine-vej1ag"
             >
               <div
-                class="___ref-rowActions mantine-1idxz77"
+                class="___ref-rowActions mantine-126p8zl"
               />
             </td>
           </tr>
diff --git a/packages/react-front-kit-table/src/Components/TableGridView/__snapshots__/TableGridView.test.tsx.snap b/packages/react-front-kit-table/src/Components/TableGridView/__snapshots__/TableGridView.test.tsx.snap
index 5ff51cc5..03f24fde 100644
--- a/packages/react-front-kit-table/src/Components/TableGridView/__snapshots__/TableGridView.test.tsx.snap
+++ b/packages/react-front-kit-table/src/Components/TableGridView/__snapshots__/TableGridView.test.tsx.snap
@@ -927,7 +927,7 @@ exports[`TableGridView matches snapshot 1`] = `
                   class="mantine-vej1ag"
                 >
                   <div
-                    class="___ref-rowActions mantine-1idxz77"
+                    class="___ref-rowActions mantine-126p8zl"
                   >
                     <button
                       class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-qf5o1f"
@@ -1091,7 +1091,7 @@ exports[`TableGridView matches snapshot 1`] = `
                   class="mantine-vej1ag"
                 >
                   <div
-                    class="___ref-rowActions mantine-1idxz77"
+                    class="___ref-rowActions mantine-126p8zl"
                   >
                     <button
                       class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-qf5o1f"
@@ -1255,7 +1255,7 @@ exports[`TableGridView matches snapshot 1`] = `
                   class="mantine-vej1ag"
                 >
                   <div
-                    class="___ref-rowActions mantine-1idxz77"
+                    class="___ref-rowActions mantine-126p8zl"
                   >
                     <button
                       class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-qf5o1f"
@@ -1419,7 +1419,7 @@ exports[`TableGridView matches snapshot 1`] = `
                   class="mantine-vej1ag"
                 >
                   <div
-                    class="___ref-rowActions mantine-1idxz77"
+                    class="___ref-rowActions mantine-126p8zl"
                   >
                     <button
                       class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-qf5o1f"
@@ -1583,7 +1583,7 @@ exports[`TableGridView matches snapshot 1`] = `
                   class="mantine-vej1ag"
                 >
                   <div
-                    class="___ref-rowActions mantine-1idxz77"
+                    class="___ref-rowActions mantine-126p8zl"
                   >
                     <button
                       class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-qf5o1f"
@@ -1747,7 +1747,7 @@ exports[`TableGridView matches snapshot 1`] = `
                   class="mantine-vej1ag"
                 >
                   <div
-                    class="___ref-rowActions mantine-1idxz77"
+                    class="___ref-rowActions mantine-126p8zl"
                   >
                     <button
                       class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-qf5o1f"
@@ -1911,7 +1911,7 @@ exports[`TableGridView matches snapshot 1`] = `
                   class="mantine-vej1ag"
                 >
                   <div
-                    class="___ref-rowActions mantine-1idxz77"
+                    class="___ref-rowActions mantine-126p8zl"
                   >
                     <button
                       class="mantine-UnstyledButton-root mantine-ActionIcon-root mantine-qf5o1f"
diff --git a/packages/react-front-kit-table/src/helpers/table.ts b/packages/react-front-kit-table/src/helpers/table.ts
index baf3b515..171655a1 100644
--- a/packages/react-front-kit-table/src/helpers/table.ts
+++ b/packages/react-front-kit-table/src/helpers/table.ts
@@ -31,7 +31,7 @@ export function getActionIcon<Data extends Record<string, unknown>>(
   rows?: MRT_Row<Data> | MRT_Row<Data>[],
 ): ReactNode {
   if (!action) {
-    return '';
+    return null;
   }
   if (isConfirmAction(action)) {
     return typeof action.icon === 'function'
@@ -39,7 +39,25 @@ export function getActionIcon<Data extends Record<string, unknown>>(
       : action.icon;
   }
   if (typeof action.icon === 'function') {
-    return rows ? action.icon(rows) : '';
+    return rows ? action.icon(rows) : null;
   }
   return action.icon;
 }
+
+export function getActionComponentProps<Data extends Record<string, unknown>>(
+  action?: ITableAction<Data> | null,
+  rows?: MRT_Row<Data> | MRT_Row<Data>[],
+): Record<string, unknown> | undefined {
+  if (!action) {
+    return undefined;
+  }
+  if (isConfirmAction(action)) {
+    return typeof action.componentProps === 'function'
+      ? action.componentProps(action.item)
+      : action.componentProps;
+  }
+  if (typeof action.componentProps === 'function') {
+    return rows ? action.componentProps(rows) : undefined;
+  }
+  return action.componentProps;
+}
diff --git a/packages/react-front-kit-table/src/server.tsx b/packages/react-front-kit-table/src/server.tsx
new file mode 100644
index 00000000..74df71ac
--- /dev/null
+++ b/packages/react-front-kit-table/src/server.tsx
@@ -0,0 +1,2 @@
+/* eslint-disable react-refresh/only-export-components */
+export * from './helpers';
diff --git a/packages/react-front-kit/package.json b/packages/react-front-kit/package.json
index 1acf356a..bbdc1e02 100644
--- a/packages/react-front-kit/package.json
+++ b/packages/react-front-kit/package.json
@@ -32,11 +32,15 @@
   "type": "module",
   "exports": {
     ".": "./dist/index.js",
+    "./server": "./dist/server.js",
     "./mock": "./dist/mock.js"
   },
   "types": "./dist/index.d.ts",
   "typesVersions": {
     "*": {
+      "server": [
+        "./dist/server.d.ts"
+      ],
       "mock": [
         "./dist/mock.d.ts"
       ]
diff --git a/packages/react-front-kit/src/Components/ResponsiveTabs/ResponsiveTabs.tsx b/packages/react-front-kit/src/Components/ResponsiveTabs/ResponsiveTabs.tsx
index 664d3ca0..aa4d5cb6 100644
--- a/packages/react-front-kit/src/Components/ResponsiveTabs/ResponsiveTabs.tsx
+++ b/packages/react-front-kit/src/Components/ResponsiveTabs/ResponsiveTabs.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import type { IDropdownButtonProps } from '../DropdownButton/DropdownButton';
 import type { TabsListProps, TabsProps } from '@mantine/core';
 import type { ReactElement, ReactNode } from 'react';
@@ -61,12 +63,17 @@ const useStyles = createStyles((theme) => ({
     flexDirection: 'column',
   },
   hidden: {
+    '& .mantine-Tabs-tabLabel': {
+      fontSize: 18,
+      fontWeight: 600,
+    },
     display: 'flex',
     flexDirection: 'row',
     flexWrap: 'nowrap',
     opacity: 0,
     overflow: 'hidden',
     position: 'absolute',
+    top: 0,
     visibility: 'hidden',
     width: '100%',
   },
@@ -77,7 +84,14 @@ const useStyles = createStyles((theme) => ({
     paddingBottom: 16,
   },
   tabs: {
+    '& .mantine-Tabs-tabLabel': {
+      fontSize: 18,
+      fontWeight: 600,
+    },
     flexWrap: 'nowrap',
+    position: 'absolute',
+    top: 0,
+    width: '100%',
   },
 }));
 
@@ -100,7 +114,7 @@ export function ResponsiveTabs(props: IResponsiveTabs): ReactNode {
     tabsListProps,
     ...tabsProps
   } = props;
-  const { ref, width } = useElementSize<HTMLDivElement>();
+  const { height, ref, width } = useElementSize<HTMLDivElement>();
   const generatedId = useId();
   const overflowButtonId = tabsProps.id
     ? `${tabsProps.id}-overflow-button`
@@ -140,6 +154,7 @@ export function ResponsiveTabs(props: IResponsiveTabs): ReactNode {
       classNames={{ tab: classes.tab }}
       onTabChange={handleTabChange}
       radius="sm"
+      style={{ paddingTop: height }}
       {...tabsProps}
     >
       <div ref={ref} aria-hidden className={classes.hidden} hidden>
diff --git a/packages/react-front-kit/src/Components/ResponsiveTabs/__snapshots__/ResponsiveTabs.test.tsx.snap b/packages/react-front-kit/src/Components/ResponsiveTabs/__snapshots__/ResponsiveTabs.test.tsx.snap
index 84fa3780..45d460d8 100644
--- a/packages/react-front-kit/src/Components/ResponsiveTabs/__snapshots__/ResponsiveTabs.test.tsx.snap
+++ b/packages/react-front-kit/src/Components/ResponsiveTabs/__snapshots__/ResponsiveTabs.test.tsx.snap
@@ -5,10 +5,11 @@ exports[`ResponsiveTabs matches snapshot 1`] = `
   <div
     class="mantine-Tabs-root mantine-1w1w6vj"
     id="responsive-tabs"
+    style="padding-top: 0px;"
   >
     <div
       aria-hidden="true"
-      class="mantine-18k7ubd"
+      class="mantine-38kat9"
       hidden=""
     >
       <button
@@ -93,7 +94,7 @@ exports[`ResponsiveTabs matches snapshot 1`] = `
     </div>
     <div
       aria-orientation="horizontal"
-      class="mantine-Tabs-tabsList mantine-1c0ih2u"
+      class="mantine-Tabs-tabsList mantine-1h6xllx"
       role="tablist"
     >
       <button
diff --git a/packages/react-front-kit/src/Components/Thumbnail/Thumbnail.tsx b/packages/react-front-kit/src/Components/Thumbnail/Thumbnail.tsx
index 9f6d5e3d..fe0895c9 100644
--- a/packages/react-front-kit/src/Components/Thumbnail/Thumbnail.tsx
+++ b/packages/react-front-kit/src/Components/Thumbnail/Thumbnail.tsx
@@ -147,6 +147,9 @@ export function Thumbnail(props: IThumbnailProps): ReactElement {
                           : action.icon
                       }
                       onClick={() => handleMenuItem(action)}
+                      {...(typeof action.componentProps === 'function'
+                        ? action.componentProps(props)
+                        : action.componentProps)}
                     >
                       {typeof action.label === 'function'
                         ? action.label(props)
diff --git a/packages/react-front-kit/src/server.tsx b/packages/react-front-kit/src/server.tsx
new file mode 100644
index 00000000..b10ef237
--- /dev/null
+++ b/packages/react-front-kit/src/server.tsx
@@ -0,0 +1,4 @@
+/* eslint-disable react-refresh/only-export-components */
+export * from '@smile/react-front-kit-shared/server';
+// other exports
+export * from './helpers';
diff --git a/packages/storybook-pages/src/Pages/DocumentDetails/DocumentDetails.tsx b/packages/storybook-pages/src/Pages/DocumentDetails/DocumentDetails.tsx
index 43463d45..561e83d9 100644
--- a/packages/storybook-pages/src/Pages/DocumentDetails/DocumentDetails.tsx
+++ b/packages/storybook-pages/src/Pages/DocumentDetails/DocumentDetails.tsx
@@ -34,6 +34,7 @@ const useStyles = createStyles((theme) => ({
     display: 'flex',
     flexDirection: 'row',
     gap: 10,
+    marginLeft: 'auto',
   },
   colLeftBar: {
     alignItems: 'center',
@@ -59,14 +60,6 @@ const useStyles = createStyles((theme) => ({
   grid: {
     height: '100%',
   },
-  spacer: {
-    flex: 1,
-    height: 0,
-  },
-  tab: {
-    fontSize: 18,
-    fontWeight: 600,
-  },
 }));
 
 /**
@@ -76,25 +69,19 @@ export function DocumentDetails(): ReactElement {
   const { classes } = useStyles();
 
   const tabs = [
-    <Tabs.Tab key={1} className={classes.tab} id="tab-1" value="1">
+    <Tabs.Tab key={1} id="tab-1" value="1">
       Actions
     </Tabs.Tab>,
-    <Tabs.Tab
-      key={2}
-      className={classes.tab}
-      data-testid="test-tab"
-      id="tab-1"
-      value="2"
-    >
+    <Tabs.Tab key={2} id="tab-1" value="2">
       Métadonnées
     </Tabs.Tab>,
-    <Tabs.Tab key={3} className={classes.tab} value="3">
+    <Tabs.Tab key={3} value="3">
       Historique
     </Tabs.Tab>,
-    <Tabs.Tab key={4} className={classes.tab} value="4">
+    <Tabs.Tab key={4} value="4">
       Droits
     </Tabs.Tab>,
-    <Tabs.Tab key={5} className={classes.tab} value="5">
+    <Tabs.Tab key={5} value="5">
       Cycle de vie
     </Tabs.Tab>,
   ];
@@ -134,13 +121,12 @@ export function DocumentDetails(): ReactElement {
       padding={0}
     >
       <Grid className={classes.grid} grow m={0}>
-        <Grid.Col span={6}>
+        <Grid.Col span={7}>
           <Flex align="flex-start" direction="column" p="26px 64px">
             <div className={classes.colLeftBar}>
               <Button leftIcon={<CaretLeft />} p={0} variant="transparent">
                 <span style={{ fontSize: 14 }}>Retour à la liste</span>
               </Button>
-              <div className={classes.spacer} />
               <div className={classes.actionIcons}>
                 <ActionIcon radius={4} size={40} variant="light">
                   <Star size={17} />
@@ -156,7 +142,7 @@ export function DocumentDetails(): ReactElement {
             </div>
           </Flex>
         </Grid.Col>
-        <Grid.Col className={classes.colRight} span={4}>
+        <Grid.Col className={classes.colRight} span={5}>
           <MantineProvider theme={primaryTheme}>
             <ResponsiveTabs defaultValue="1" tabs={tabs}>
               <Space h="xl" />