diff --git a/packages/components/alert/src/alert.ts b/packages/components/alert/src/alert.ts
index f179699e..abe388d4 100644
--- a/packages/components/alert/src/alert.ts
+++ b/packages/components/alert/src/alert.ts
@@ -37,6 +37,11 @@ export const alertProps = buildProps({
     required: false,
     default: undefined,
   },
+  buttonWrapLabel: {
+    type: Boolean,
+    required: false,
+    default: false,
+  },
   isClosable: {
     type: Boolean,
     required: false,
diff --git a/packages/components/alert/src/alert.vue b/packages/components/alert/src/alert.vue
index b557d50f..49c93bb4 100644
--- a/packages/components/alert/src/alert.vue
+++ b/packages/components/alert/src/alert.vue
@@ -32,6 +32,7 @@
       <PuikButton
         v-if="buttonLabel"
         :variant="variant"
+        :wrap-label="buttonWrapLabel"
         class="puik-alert__button"
         :data-test="dataTest != undefined ? `button-${dataTest}` : undefined"
         @click="click"
diff --git a/packages/components/alert/stories/alert.stories.ts b/packages/components/alert/stories/alert.stories.ts
index c405d565..5abf29c6 100644
--- a/packages/components/alert/stories/alert.stories.ts
+++ b/packages/components/alert/stories/alert.stories.ts
@@ -40,6 +40,14 @@ export default {
     buttonLabel: {
       description: 'Label of the button',
     },
+    buttonWrapLabel: {
+      description: 'Set the carriage return of the button label',
+      table: {
+        defaultValue: {
+          summary: false,
+        },
+      },
+    },
     isClosable: {
       description: 'Display a close button',
     },
@@ -59,6 +67,7 @@ export default {
     variant: 'success',
     disableBorders: false,
     buttonLabel: 'Button',
+    buttonWrapLabel: false,
     isClosable: false,
   },
 } as Meta
@@ -125,6 +134,110 @@ export const Default = {
   },
 }
 
+export const buttonWrapLabel: StoryObj = {
+  render: () => ({
+    components: {
+      PuikAlert,
+    },
+    template: `
+      <div class="flex flex-col space-y-4">
+       <puik-alert title="buttonWrapLabel to true" button-label="Button with a very long label" button-wrap-Label>
+        This an alert with a very long description.
+        This an alert with a very long description.
+        This an alert with a very long description.
+        This an alert with a very long description.
+        This an alert with a very long description.
+        This an alert with a very long description.
+        This an alert with a very long description.
+        This an alert with a very long description.
+        This an alert with a very long description.
+       </puik-alert>
+       <puik-alert title="buttonWrapLabel to false (by default)" button-label="Button with a very long label">
+        This an alert with a very long description.
+        This an alert with a very long description.
+        This an alert with a very long description.
+        This an alert with a very long description.
+        This an alert with a very long description.
+        This an alert with a very long description.
+        This an alert with a very long description.
+        This an alert with a very long description.
+        This an alert with a very long description.
+       </puik-alert>
+      </div>
+    `,
+  }),
+
+  parameters: {
+    docs: {
+      source: {
+        code: `
+  <!--VueJS Snippet-->
+  <puik-alert
+    title="buttonWrapLabel to true"
+    button-label="Button with a very long label"
+    button-wrap-Label
+    @click="click"
+  >
+    This an alert with a very long description.
+    This an alert with a very long description.
+    This an alert with a very long description.
+    This an alert with a very long description.
+    This an alert with a very long description.
+    This an alert with a very long description.
+    This an alert with a very long description.
+    This an alert with a very long description.
+    This an alert with a very long description.
+  </puik-alert>
+
+  <puik-alert
+    title="buttonWrapLabel to false (by default)"
+    button-label="Button with a very long label"
+    @click="click"
+  >
+    This an alert with a very long description.
+    This an alert with a very long description.
+    This an alert with a very long description.
+    This an alert with a very long description.
+    This an alert with a very long description.
+    This an alert with a very long description.
+    This an alert with a very long description.
+    This an alert with a very long description.
+    This an alert with a very long description.
+  </puik-alert>
+
+  <!--HTML/CSS Snippet-->
+<div class="puik-alert__container">
+  <div class="puik-alert__content">
+      <div class="puik-icon puik-alert__icon" style="font-size: 1.25rem;">check_circle</div>
+      <div class="puik-alert__text">
+          <p class="puik-alert__title">buttonWrapLabel to true</p>
+          <span class="puik-alert__description"> This an alert with a very long description. This an alert with a very long description. This an alert with a very long description. This an alert with a very long description. This an alert with a very long description. This an alert with a very long description. This an alert with a very long description. This an alert with a very long description. This an alert with a very long description. </span>
+      </div>
+  </div>
+  <button class="puik-button puik-button--success puik-button--md puik-alert__button">
+      Button with a very long label
+  </button>
+</div>
+
+<div class="puik-alert__container">
+  <div class="puik-alert__content">
+      <div class="puik-icon puik-alert__icon" style="font-size: 1.25rem;">check_circle</div>
+      <div class="puik-alert__text">
+          <p class="puik-alert__title">buttonWrapLabel to false (by default)</p>
+          <span class="puik-alert__description"> This an alert with a very long description. This an alert with a very long description. This an alert with a very long description. This an alert with a very long description. This an alert with a very long description. This an alert with a very long description. This an alert with a very long description. This an alert with a very long description. This an alert with a very long description. </span>
+      </div>
+  </div>
+  <button class="puik-button puik-button--success puik-button--md puik-button--no-wrap puik-alert__button">
+      Button with a very long label
+  </button>
+</div>
+        `,
+        language: 'html',
+      },
+    },
+  },
+}
+
 export const Success: StoryObj = {
   render: () => ({
     components: {
diff --git a/packages/components/alert/test/alert.spec.ts b/packages/components/alert/test/alert.spec.ts
index f670a7ea..baeaf11b 100644
--- a/packages/components/alert/test/alert.spec.ts
+++ b/packages/components/alert/test/alert.spec.ts
@@ -40,6 +40,11 @@ describe('Alert tests', () => {
     expect(findAlert().classes()).toContain('puik-alert--warning')
   })
 
+  it('should set the button label wrap to false', () => {
+    factory({ buttonLabel: 'Button', buttonWrapLabel: false })
+    expect(findButton().classes()).toContain('puik-button--no-wrap')
+  })
+
   it('should display a button which emits the click event on click', () => {
     factory({ buttonLabel: 'Button' })
     expect(findButton().exists()).toBeTruthy()
diff --git a/packages/components/button/src/button.ts b/packages/components/button/src/button.ts
index a6885676..f0158d3f 100644
--- a/packages/components/button/src/button.ts
+++ b/packages/components/button/src/button.ts
@@ -38,6 +38,11 @@ export const buttonProps = buildProps({
     required: false,
     default: false,
   },
+  wrapLabel: {
+    type: Boolean,
+    required: false,
+    default: false,
+  },
   disabled: {
     type: Boolean,
     required: false,
diff --git a/packages/components/button/src/button.vue b/packages/components/button/src/button.vue
index 5c095584..4f667329 100644
--- a/packages/components/button/src/button.vue
+++ b/packages/components/button/src/button.vue
@@ -8,6 +8,7 @@
       `puik-button--${size}`,
       { 'puik-button--disabled': disabled },
       { 'puik-button--fluid': fluid },
+      { 'puik-button--no-wrap': !wrapLabel },
     ]"
     :disabled="disabled"
     :data-test="dataTest"
diff --git a/packages/components/button/stories/button.stories.ts b/packages/components/button/stories/button.stories.ts
index a71e84a2..728cbcdb 100644
--- a/packages/components/button/stories/button.stories.ts
+++ b/packages/components/button/stories/button.stories.ts
@@ -44,6 +44,14 @@ export default {
         },
       },
     },
+    wrapLabel: {
+      description: 'Set the carriage return of the button label',
+      table: {
+        defaultValue: {
+          summary: false,
+        },
+      },
+    },
     disabled: {
       description: 'Set the button as disabled',
       table: {
@@ -81,6 +89,7 @@ export default {
     variant: 'primary',
     size: 'md',
     fluid: false,
+    wrapLabel: true,
     disabled: false,
     leftIcon: '',
     rightIcon: '',
@@ -117,6 +126,7 @@ export const Default = {
     :size="$sizes"
     :variant="$variants"
     :fluid="true|false"
+    :wrap-label="true|false"
     :disabled="true|false"
     :left-icon="leftIcon"
     :right-icon="rightIcon"
diff --git a/packages/components/button/test/button.spec.ts b/packages/components/button/test/button.spec.ts
index a209f85c..da319d3e 100644
--- a/packages/components/button/test/button.spec.ts
+++ b/packages/components/button/test/button.spec.ts
@@ -91,6 +91,11 @@ describe('Button tests', () => {
     expect(findButton().classes()).toContain('puik-button--fluid')
   })
 
+  it('should set the button label wrap to false', () => {
+    factory({ wrapLabel: false })
+    expect(findButton().classes()).toContain('puik-button--no-wrap')
+  })
+
   it('should be a router-link if to prop is defined', () => {
     factory({ to: '/test' })
     expect(findButton().element.tagName).toBe('ROUTER-LINK')
diff --git a/packages/components/table/src/table.ts b/packages/components/table/src/table.ts
index 61cce8f3..12274792 100644
--- a/packages/components/table/src/table.ts
+++ b/packages/components/table/src/table.ts
@@ -20,6 +20,11 @@ export const tableProps = buildProps({
     required: false,
     default: () => [],
   },
+  expandable: {
+    type: Boolean,
+    required: false,
+    default: false,
+  },
   selectable: {
     type: Boolean,
     required: false,
@@ -35,6 +40,16 @@ export const tableProps = buildProps({
     required: false,
     default: false,
   },
+  stickyFirstCol: {
+    type: Boolean,
+    required: false,
+    default: false,
+  },
+  stickyLastCol: {
+    type: Boolean,
+    required: false,
+    default: false,
+  },
 } as const)
 
 export type TableProps = ExtractPropTypes<typeof tableProps>
diff --git a/packages/components/table/src/table.vue b/packages/components/table/src/table.vue
index 7e7af7cf..396bf713 100644
--- a/packages/components/table/src/table.vue
+++ b/packages/components/table/src/table.vue
@@ -1,13 +1,25 @@
 <template>
-  <div class="puik-table__container">
+  <div class="puik-table__container" @scroll="getScrollBarPosition">
     <table class="puik-table" :class="{ 'puik-table--full-width': fullWidth }">
       <thead class="puik-table__head">
         <tr class="puik-table__head__row">
           <th
-            v-if="selectable"
-            class="puik-table__head__row__item puik-table__head__row__item--selection"
+            v-if="selectable || expandable"
+            :class="[
+              'puik-table__head__row__item',
+              { 'puik-table__head__row__item--sticky': stickyFirstCol },
+              {
+                'puik-table__head__row__item--sticky-scroll':
+                  stickyFirstCol &&
+                  (ScrollBarPosition === 'isScrolling' ||
+                    ScrollBarPosition === 'right'),
+              },
+              { 'puik-table__head__row__item--selection': selectable },
+              { 'puik-table__head__row__item--expandable': expandable },
+            ]"
           >
             <puik-checkbox
+              v-if="selectable"
               :model-value="selectAll"
               :indeterminate="indeterminate"
               class="puik-table__head__row__item--selection__checkbox"
@@ -16,11 +28,11 @@
               {{ selectAllLabel }}
             </puik-checkbox>
           </th>
+
           <th
             v-for="(header, index) in headers"
             :key="`headers${header.value}`"
             :class="[
-              'puik-table__head__row__item',
               `puik-table__head__row__item puik-table__head__row__item--${
                 header.align ?? 'left'
               }`,
@@ -28,6 +40,19 @@
                 [`puik-table__head__row__item--${header.size}`]:
                   header?.size && !header?.width,
               },
+              { 'puik-table__head__row__item--sticky': isSticky(index) },
+              {
+                'puik-table__head__row__item--sticky-scroll':
+                  isSticky(index) && ScrollBarPosition === 'isScrolling',
+              },
+              {
+                'puik-table__head__row__item--sticky-left':
+                  isSticky(index) && ScrollBarPosition === 'left',
+              },
+              {
+                'puik-table__head__row__item--sticky-right':
+                  isSticky(index) && ScrollBarPosition === 'right',
+              },
             ]"
             :style="{ minWidth: header.width, width: header.width }"
           >
@@ -42,34 +67,100 @@
         </tr>
       </thead>
       <tbody class="puik-table__body">
-        <tr
-          v-for="(item, rowIndex) in items"
-          :key="`row-${rowIndex}`"
-          class="puik-table__body__row"
-        >
-          <td
-            v-if="selectable"
-            class="puik-table__body__row__item puik-table__body__row__item--selection"
-          >
-            <puik-checkbox
-              :model-value="getSelected(rowIndex)"
-              class="puik-table__body__row__item--selection__checkbox"
-              @click="handleClick(rowIndex)"
+        <template v-for="(item, rowIndex) in items" :key="`row-${rowIndex}`">
+          <tr class="puik-table__body__row">
+            <td
+              v-if="selectable || expandable"
+              :class="[
+                'puik-table__body__row__item puik-table__body__row__item--selection',
+                {
+                  'puik-table__body__row__item--sticky': stickyFirstCol,
+                },
+                {
+                  'puik-table__body__row__item--sticky-scroll':
+                    stickyFirstCol && ScrollBarPosition === 'isScrolling',
+                },
+                {
+                  'puik-table__body__row__item--sticky-left':
+                    stickyFirstCol && ScrollBarPosition === 'left',
+                },
+                {
+                  'puik-table__body__row__item--sticky-right':
+                    stickyFirstCol && ScrollBarPosition === 'right',
+                },
+              ]"
             >
-              {{ getSelectLabel(rowIndex) }}
-            </puik-checkbox>
-          </td>
-          <td
-            v-for="(header, colIndex) in headers"
-            :key="`col-${colIndex}`"
-            class="puik-table__body__row__item"
-            :class="`puik-table__body__row__item--${header.align ?? 'left'}`"
+              <div class="puik-table__body__row__item__container">
+                <puik-checkbox
+                  v-if="selectable"
+                  :model-value="getSelected(rowIndex)"
+                  class="puik-table__body__row__item--selection__checkbox"
+                  @click="handleClick(rowIndex)"
+                >
+                  {{ getSelectLabel(rowIndex) }}
+                </puik-checkbox>
+                <PuikIcon
+                  v-if="expandable"
+                  :class="[
+                    { 'puik-icon__expand': expandedRows.includes(rowIndex) },
+                  ]"
+                  icon="keyboard_arrow_down"
+                  font-size="24"
+                  @click="expandRow(rowIndex)"
+                />
+              </div>
+            </td>
+
+            <td
+              v-for="(header, colIndex) in headers"
+              :key="`col-${colIndex}`"
+              :class="[
+                `puik-table__body__row__item puik-table__body__row__item--${
+                  header.align ?? 'left'
+                }`,
+                { 'puik-table__body__row__item--sticky': isSticky(colIndex) },
+                {
+                  'puik-table__body__row__item--sticky-scroll':
+                    isSticky(colIndex) && ScrollBarPosition == 'isScrolling',
+                },
+                {
+                  'puik-table__body__row__item--sticky-left':
+                    isSticky(colIndex) && ScrollBarPosition == 'left',
+                },
+                {
+                  'puik-table__body__row__item--sticky-right':
+                    isSticky(colIndex) && ScrollBarPosition == 'right',
+                },
+              ]"
+            >
+              <slot
+                :name="`item-${header.value}`"
+                :item="item"
+                :index="rowIndex"
+              >
+                {{ item[header.value] }}
+              </slot>
+            </td>
+          </tr>
+          <tr
+            v-if="expandedRows.includes(rowIndex)"
+            :key="`expanded-row-${rowIndex}`"
+            class="puik-table__body__row--expanded"
           >
-            <slot :name="`item-${header.value}`" :item="item" :index="rowIndex">
-              {{ item[header.value] }}
-            </slot>
-          </td>
-        </tr>
+            <td
+              :colspan="headers.length"
+              class="puik-table__body__row__item--expanded"
+            >
+              <slot
+                :name="`expanded-row-${rowIndex}`"
+                :item="item"
+                :index="rowIndex"
+              >
+                {{ item }}
+              </slot>
+            </td>
+          </tr>
+        </template>
       </tbody>
     </table>
   </div>
@@ -79,6 +170,7 @@
 import { computed, ref, watch } from 'vue'
 import { useLocale } from '@puik/hooks'
 import PuikCheckbox from '../../checkbox/src/checkbox.vue'
+import PuikIcon from '../../icon/src/icon.vue'
 import { tableProps } from './table'
 defineOptions({
   name: 'PuikTable',
@@ -92,6 +184,48 @@ const emit = defineEmits<{
 }>()
 const { t } = useLocale()
 const checked = ref<number[]>(props.selection)
+const expandedRows = ref<number[]>([])
+const ScrollBarPosition = ref<string>('left')
+let lastScrollLeft = 0
+
+const getScrollBarPosition = async (event: Event) => {
+  const target = event.target as HTMLElement
+  if (target.scrollLeft === 0) {
+    ScrollBarPosition.value = 'left'
+  } else if (
+    Math.abs(target.scrollLeft + target.offsetWidth - target.scrollWidth) < 10
+  ) {
+    ScrollBarPosition.value = 'right'
+  } else {
+    ScrollBarPosition.value = 'isScrolling'
+  }
+
+  lastScrollLeft = target.scrollLeft
+}
+
+const isSticky = (
+  index: number,
+  selectable: boolean = props.selectable,
+  expandable: boolean = props.expandable
+): boolean => {
+  if (selectable || expandable) {
+    return props.stickyLastCol && index === props.headers.length - 1
+  } else {
+    return (
+      (props.stickyFirstCol && index === 0) ||
+      (props.stickyLastCol && index === props.headers.length - 1)
+    )
+  }
+}
+
+const expandRow = (rowIndex: number) => {
+  const position = expandedRows.value.indexOf(rowIndex)
+  if (position !== -1) {
+    expandedRows.value.splice(position, 1)
+  } else {
+    expandedRows.value.push(rowIndex)
+  }
+}
 
 const selectAll = computed(() => {
   if (indeterminate.value) return false
diff --git a/packages/components/table/stories/table.stories.ts b/packages/components/table/stories/table.stories.ts
index 3be1d3f0..9052f774 100644
--- a/packages/components/table/stories/table.stories.ts
+++ b/packages/components/table/stories/table.stories.ts
@@ -58,7 +58,15 @@ export default {
     },
     selectable: {
       control: 'boolean',
-      description: 'Add col with checkbox',
+      description: 'Makes rows selectable',
+      table: {
+        type: { summary: 'boolean' },
+        defaultValue: { summary: 'false' },
+      },
+    },
+    expandable: {
+      control: 'boolean',
+      description: 'Makes rows expandable',
       table: {
         type: { summary: 'boolean' },
         defaultValue: { summary: 'false' },
@@ -88,6 +96,22 @@ export default {
         },
       },
     },
+    stickyFirstCol: {
+      control: 'boolean',
+      description: 'Makes the first column sticky',
+      table: {
+        type: { summary: 'boolean' },
+        defaultValue: { summary: 'false' },
+      },
+    },
+    stickyLastCol: {
+      control: 'boolean',
+      description: 'Makes the last column sticky',
+      table: {
+        type: { summary: 'boolean' },
+        defaultValue: { summary: 'false' },
+      },
+    },
     '`header-${header.value}`': {
       control: 'none',
       description: 'Slot to replace header',
@@ -113,6 +137,21 @@ export default {
 {
   item: any
   index: number
+}
+          `,
+        },
+      },
+    },
+    '`expanded-row-${rowIndex}`': {
+      control: 'none',
+      description: 'slot for expanded row content',
+      table: {
+        type: {
+          summary: 'SlotProps',
+          detail: `
+{
+  item: any
+  index: number
 }
           `,
         },
@@ -143,7 +182,10 @@ export default {
   },
   args: {
     selectable: false,
+    expandable: false,
     fullWidth: false,
+    stickyFirstCol: false,
+    stickyLastCol: false,
   },
 } as Meta
 
@@ -415,6 +457,7 @@ export const Selectable: StoryObj = {
     v-model:selection="selection"
     :headers="headers"
     :items="items"
+    :selectable="true"
   >
     <template #item-actions="{ item }">
       <puik-button
@@ -504,6 +547,126 @@ export const Selectable: StoryObj = {
     },
   },
 }
+
+export const Expandable: StoryObj = {
+  render: Template,
+  args: {
+    expandable: true,
+  },
+  parameters: {
+    docs: {
+      source: {
+        code: `
+  <!--VueJS Snippet-->
+  const headers: PuikTableHeader[] = [
+    {
+      text: 'Nom',
+      value: 'lastname',
+      size: 'md',
+    },
+    {
+      text: 'Prénom',
+      value: 'firstname',
+      size: 'md',
+    },
+    {
+      text: 'Age',
+      value: 'age',
+      size: 'sm',
+      align: 'center',
+    },
+    {
+      text: 'Email',
+      value: 'email',
+      align: 'right',
+    },
+    {
+      value: 'actions',
+      size: 'sm',
+    },
+  ]
+
+  <puik-table :expandable="true">
+    <template #item-actions="{ item }">
+      <puik-button
+        variant="text"
+        right-icon="delete"
+        aria-label="Delete item"
+      ></puik-button>
+    </template>
+  </puik-table>
+
+  <!--HTML/CSS Snippet-->
+  <table class="puik-table">
+    <thead class="puik-table__head">
+        <tr class="puik-table__head__row">
+            <th class="puik-table__head__row__item puik-table__head__row__item--expandable"></th>
+            <th class="puik-table__head__row__item puik-table__head__row__item--left puik-table__head__row__item--md">Nom</th>
+            <th class="puik-table__head__row__item puik-table__head__row__item--left puik-table__head__row__item--md">Prénom</th>
+            <th class="puik-table__head__row__item puik-table__head__row__item--center puik-table__head__row__item--sm">Age</th>
+            <th class="puik-table__head__row__item puik-table__head__row__item--right">Email</th>
+            <th class="puik-table__head__row__item puik-table__head__row__item--left puik-table__head__row__item--sm"></th>
+        </tr>
+    </thead>
+    <tbody class="puik-table__body">
+        <tr class="puik-table__body__row">
+            <td class="puik-table__body__row__item puik-table__body__row__item--selection">
+                <div class="puik-table__body__row__item__container">  
+                    <div class="puik-icon" style="font-size: 24px;">keyboard_arrow_down</div>
+                </div>
+            </td>
+            <td class="puik-table__body__row__item puik-table__body__row__item--left">lastname0</td>
+            <td class="puik-table__body__row__item puik-table__body__row__item--left">firstname0</td>
+            <td class="puik-table__body__row__item puik-table__body__row__item--center">40</td>
+            <td class="puik-table__body__row__item puik-table__body__row__item--right">lastname0.firstname0@email.com</td>
+            <td class="puik-table__body__row__item puik-table__body__row__item--left">
+                <button class="puik-button puik-button--text puik-button--md" aria-label="Delete item">
+                    <div class="puik-icon puik-button__right-icon" style="font-size: 1.25rem;">delete</div>
+                </button>
+            </td>
+        </tr>
+      
+        <tr class="puik-table__body__row">
+            <td class="puik-table__body__row__item puik-table__body__row__item--selection">
+                <div class="puik-table__body__row__item__container">
+                    <div class="puik-icon" style="font-size: 24px;">keyboard_arrow_down</div>
+                </div>
+            </td>
+            <td class="puik-table__body__row__item puik-table__body__row__item--left">lastname1</td>
+            <td class="puik-table__body__row__item puik-table__body__row__item--left">firstname1</td>
+            <td class="puik-table__body__row__item puik-table__body__row__item--center">40</td>
+            <td class="puik-table__body__row__item puik-table__body__row__item--right">lastname1.firstname1@email.com</td>
+            <td class="puik-table__body__row__item puik-table__body__row__item--left">
+                <button class="puik-button puik-button--text puik-button--md" aria-label="Delete item">
+                    <div class="puik-icon puik-button__right-icon" style="font-size: 1.25rem;">delete</div>
+                </button>
+            </td>
+        </tr>
+        <tr class="puik-table__body__row">
+            <td class="puik-table__body__row__item puik-table__body__row__item--selection">
+                <div class="puik-table__body__row__item__container">
+                    <div class="puik-icon" style="font-size: 24px;">keyboard_arrow_down</div>
+                </div>
+            </td>
+            <td class="puik-table__body__row__item puik-table__body__row__item--left">lastname2</td>
+            <td class="puik-table__body__row__item puik-table__body__row__item--left">firstname2</td>
+            <td class="puik-table__body__row__item puik-table__body__row__item--center">40</td>
+            <td class="puik-table__body__row__item puik-table__body__row__item--right">lastname2.firstname2@email.com</td>
+            <td class="puik-table__body__row__item puik-table__body__row__item--left">
+                <button class="puik-button puik-button--text puik-button--md" aria-label="Delete item">
+                    <div class="puik-icon puik-button__right-icon" style="font-size: 1.25rem;">delete</div>
+                </button>
+            </td>
+        </tr>
+    </tbody>
+</table>
+        `,
+        language: 'html',
+      },
+    },
+  },
+}
+
 export const FullWidth: StoryObj = {
   render: Template,
   args: {
@@ -575,6 +738,151 @@ export const FullWidth: StoryObj = {
   },
 }
 
+export const stickyColumns: StoryObj = {
+  render: Template,
+  args: {
+    selectable: true,
+    stickyFirstCol: true,
+    stickyLastCol: true,
+  },
+  parameters: {
+    docs: {
+      source: {
+        code: `
+  <!--VueJS Snippet-->
+  const headers: PuikTableHeader[] = [
+    {
+      text: 'Nom',
+      value: 'lastname',
+      size: 'md',
+    },
+    {
+      text: 'Prénom',
+      value: 'firstname',
+      size: 'md',
+    },
+    {
+      text: 'Age',
+      value: 'age',
+      size: 'sm',
+      align: 'center',
+    },
+    {
+      text: 'Email',
+      value: 'email',
+      align: 'right',
+    },
+    {
+      value: 'actions',
+      size: 'sm',
+    },
+  ]
+
+  <puik-table
+    v-model:selection="selection"
+    :headers="headers"
+    :items="items"
+    :stickyFirstCol="true"
+    :stickyLastCol="true"
+  >
+    <template #item-actions="{ item }">
+      <puik-button
+        variant="text"
+        right-icon="delete"
+        aria-label="Delete item"
+      ></puik-button>
+    </template>
+  </puik-table>
+
+  <!--HTML/CSS Snippet-->
+  <table class="puik-table">
+    <thead class="puik-table__head">
+      <tr class="puik-table__head__row">
+          <th class="puik-table__head__row__item puik-table__head__row__item--selection puik-table__head__row__item--sticky">
+            <div class="puik-checkbox puik-table__head__row__item--selection__checkbox">
+              <input id="puik-checkbox-9803" class="puik-checkbox__input" type="checkbox">
+              <label for="puik-checkbox-9803" class="puik-checkbox__label">
+                Select all items
+              </label>
+            </div>
+          </th>
+          <th class="puik-table__head__row__item puik-table__head__row__item--left puik-table__head__row__item--md">Nom</th>
+          <th class="puik-table__head__row__item puik-table__head__row__item--left puik-table__head__row__item--md">Prénom</th>
+          <th class="puik-table__head__row__item puik-table__head__row__item--center puik-table__head__row__item--sm">Age</th>
+          <th class="puik-table__head__row__item puik-table__head__row__item--right">Email</th>
+          <th class="puik-table__head__row__item puik-table__head__row__item--left puik-table__head__row__item--sm puik-table__head__row__item--sticky"></th>
+      </tr>
+    </thead>
+    <tbody class="puik-table__body">
+      <tr class="puik-table__body__row">
+          <td class="puik-table__body__row__item puik-table__body__row__item--selection puik-table__body__row__item--sticky">
+            <div class="puik-checkbox puik-table__body__row__item--selection__checkbox">
+              <input id="puik-checkbox-3764" class="puik-checkbox__input" type="checkbox">
+              <label for="puik-checkbox-3764" class="puik-checkbox__label">
+                Select item
+              </label>
+            </div>
+          </td>
+          <td class="puik-table__body__row__item puik-table__body__row__item--left">lastname0</td>
+          <td class="puik-table__body__row__item puik-table__body__row__item--left">firstname0</td>
+          <td class="puik-table__body__row__item puik-table__body__row__item--center">40</td>
+          <td class="puik-table__body__row__item puik-table__body__row__item--right">lastname0.firstname0@email.com</td>
+          <td class="puik-table__body__row__item puik-table__body__row__item--left puik-table__body__row__item--sticky">
+            <button class="puik-button puik-button--text puik-button--md" aria-label="Delete item">
+                <!--v-if-->
+                <div class="puik-icon puik-button__right-icon" style="font-size: 1.25rem;">delete</div>
+            </button>
+          </td>
+      </tr>
+      <tr class="puik-table__body__row">
+          <td class="puik-table__body__row__item puik-table__body__row__item--selection puik-table__body__row__item--sticky">
+            <div class="puik-checkbox puik-table__body__row__item--selection__checkbox">
+              <input id="puik-checkbox-4045" class="puik-checkbox__input" type="checkbox">
+              <label for="puik-checkbox-4045" class="puik-checkbox__label">
+                Select item
+              </label>
+            </div>
+          </td>
+          <td class="puik-table__body__row__item puik-table__body__row__item--left">lastname1</td>
+          <td class="puik-table__body__row__item puik-table__body__row__item--left">firstname1</td>
+          <td class="puik-table__body__row__item puik-table__body__row__item--center">40</td>
+          <td class="puik-table__body__row__item puik-table__body__row__item--right">lastname1.firstname1@email.com</td>
+          <td class="puik-table__body__row__item puik-table__body__row__item--left puik-table__body__row__item--sticky">
+            <button class="puik-button puik-button--text puik-button--md" aria-label="Delete item">
+                <!--v-if-->
+                <div class="puik-icon puik-button__right-icon" style="font-size: 1.25rem;">delete</div>
+            </button>
+          </td>
+      </tr>
+      <tr class="puik-table__body__row">
+          <td class="puik-table__body__row__item puik-table__body__row__item--selection puik-table__body__row__item--sticky">
+            <div class="puik-checkbox puik-table__body__row__item--selection__checkbox">
+              <input id="puik-checkbox-468" class="puik-checkbox__input" type="checkbox">
+              <label for="puik-checkbox-468" class="puik-checkbox__label">
+                Select item
+              </label>
+            </div>
+          </td>
+          <td class="puik-table__body__row__item puik-table__body__row__item--left">lastname2</td>
+          <td class="puik-table__body__row__item puik-table__body__row__item--left">firstname2</td>
+          <td class="puik-table__body__row__item puik-table__body__row__item--center">40</td>
+          <td class="puik-table__body__row__item puik-table__body__row__item--right">lastname2.firstname2@email.com</td>
+          <td class="puik-table__body__row__item puik-table__body__row__item--left puik-table__body__row__item--sticky">
+            <button class="puik-button puik-button--text puik-button--md" aria-label="Delete item">
+                <!--v-if-->
+                <div class="puik-icon puik-button__right-icon" style="font-size: 1.25rem;">delete</div>
+            </button>
+          </td>
+      </tr>
+    </tbody>
+  </table>
+        `,
+        language: 'html',
+      },
+    },
+  },
+}
+
 const ColSizesTemplate: StoryFn = (args: Args) => ({
   components: {
     PuikTable,
diff --git a/packages/components/table/test/table.spec.ts b/packages/components/table/test/table.spec.ts
index c2b41532..1c2a7ac9 100644
--- a/packages/components/table/test/table.spec.ts
+++ b/packages/components/table/test/table.spec.ts
@@ -10,8 +10,8 @@ const defaultItems = Array(5)
   .fill(null)
   .map(() => {
     return {
-      firstname: faker.name.firstName(),
-      lastname: faker.name.lastName(),
+      firstname: faker.person.firstName(),
+      lastname: faker.person.lastName(),
     }
   })
 
@@ -23,20 +23,40 @@ describe('Table tests', () => {
   const getTable = () => wrapper.find('.puik-table')
   const getHeaders = () => wrapper.findAll(`.${headerColClass}`)
   const getRows = () => wrapper.findAll('.puik-table__body__row')
-  const getCols = (rowIndex) => getRows()[rowIndex].findAll(`.${colClass}`)
-  const getRowCheckbox = (rowIndex) =>
+  const getCols = (rowIndex: number): HTMLElement =>
+    getRows()[rowIndex].findAll(`.${colClass}`)
+  const getAllItemsOfCol = (colIndex: number) => {
+    const allItems: Array<HTMLElement> = []
+    getRows().map((row, rowIndex) => {
+      const Item: HTMLElement = getCols(rowIndex)[colIndex]
+      allItems.push(Item)
+    })
+    return allItems
+  }
+  const getRowCheckbox = (rowIndex: number) =>
     getRows()[rowIndex].find(`.${colClass}--selection__checkbox`)
   const getAllRowCheckbox = () =>
     wrapper.findAll(`.${colClass}--selection__checkbox`)
   const getHeaderCheckbox = () =>
     wrapper.find(`.${headerColClass}--selection__checkbox`)
 
-  const isCheckboxChecked = (checkbox) =>
-    checkbox.find('.puik-checkbox__input:checked').exists()
-  const isCheckboxInderminate = (checkbox) =>
-    checkbox.find('.puik-checkbox__input:indeterminate').exists()
+  const isCheckboxChecked = (checkbox: {
+    find: (arg0: string) => {
+      (): any
+      new (): any
+      exists: { (): any; new (): any }
+    }
+  }) => checkbox.find('.puik-checkbox__input:checked').exists()
+  const isCheckboxInderminate = (checkbox: {
+    find: (arg0: string) => {
+      (): any
+      new (): any
+      exists: { (): any; new (): any }
+    }
+  }) => checkbox.find('.puik-checkbox__input:indeterminate').exists()
 
-  const getCheckboxLabel = (checkbox) => checkbox.find('.puik-checkbox__label')
+  const getCheckboxLabel = (checkbox: { find: (arg0: string) => any }) =>
+    checkbox.find('.puik-checkbox__label')
 
   const factory = (
     propsData: Record<string, any> = {},
@@ -83,7 +103,8 @@ describe('Table tests', () => {
     expect(displayedItems[1].text()).toBe(defaultItems[0].lastname)
   })
   it('should display item using slot', () => {
-    const getIinitials = (item) => item.firstname[0] + item.lastname[0]
+    const getIinitials = (item: { firstname: any; lastname: any }) =>
+      item.firstname[0] + item.lastname[0]
     const headers: PuikTableHeader[] = [{ value: 'initials' }]
     factory(
       { headers },
@@ -248,4 +269,49 @@ describe('Table tests', () => {
     const table = getTable()
     expect(table.classes()).toContain('puik-table--full-width')
   })
+
+  it('should have selectable column sticky', () => {
+    const headers: PuikTableHeader[] = [
+      { value: 'firstname' },
+      { value: 'lastname' },
+    ]
+    factory({ headers, selectable: true, stickyFirstCol: true })
+    const header = getHeaders()[0]
+    const allFirstItems = getAllItemsOfCol(0)
+    expect(header.classes()).toContain('puik-table__head__row__item--selection')
+    expect(header.classes()).toContain('puik-table__head__row__item--sticky')
+    allFirstItems.map((firstItemRow) => {
+      expect(firstItemRow.classes()).toContain(
+        'puik-table__body__row__item--sticky'
+      )
+    })
+  })
+
+  it('should have last column sticky', () => {
+    const headers: PuikTableHeader[] = [
+      { value: 'firstname' },
+      { value: 'lastname' },
+    ]
+    factory({ headers, stickyLastCol: true })
+    const header = getHeaders()[1]
+    const allLastItems = getAllItemsOfCol(1)
+    expect(header.classes()).toContain('puik-table__head__row__item--sticky')
+    allLastItems.map((lastItemRow) => {
+      expect(lastItemRow.classes()).toContain(
+        'puik-table__body__row__item--sticky'
+      )
+    })
+  })
+
+  it('should have expandable rows', () => {
+    const headers: PuikTableHeader[] = [
+      { value: 'firstname' },
+      { value: 'lastname' },
+    ]
+    factory({ headers, expandable: true })
+    const header = getHeaders()[0]
+    expect(header.classes()).toContain(
+      'puik-table__head__row__item--expandable'
+    )
+  })
 })
diff --git a/packages/tailwind-preset/theme.js b/packages/tailwind-preset/theme.js
index 2e0595af..61568df3 100644
--- a/packages/tailwind-preset/theme.js
+++ b/packages/tailwind-preset/theme.js
@@ -101,6 +101,11 @@ module.exports = {
     screens: {
       xs: '320px',
     },
+    minHeight: {
+      sm: '1.75rem',
+      md: '2.25rem',
+      lg: '3rem',
+    },
     opacity: {
       overlay: '0.8',
     },
diff --git a/packages/theme/src/alert.scss b/packages/theme/src/alert.scss
index 0f45dbee..2d865d51 100644
--- a/packages/theme/src/alert.scss
+++ b/packages/theme/src/alert.scss
@@ -1,7 +1,7 @@
 @use './common/typography.scss';
 
 .puik-alert {
-  @apply relative flex flex-row p-4 border text-primary-800 items-start;
+  @apply relative min-w-fit flex flex-row items-start p-4 border text-primary-800;
   &--success {
     @apply bg-green-50 border border-green;
     .puik-alert__icon {
@@ -30,7 +30,7 @@
     @apply border-0;
   }
   &__container {
-    @apply flex flex-col md:flex-row w-full;
+    @apply flex flex-col md:flex-row md:items-start w-full;
   }
   &__content {
     @apply flex flex-row flex-grow;
@@ -46,7 +46,7 @@
     @extend .puik-body-default;
   }
   &__button {
-    @apply text-sm whitespace-nowrap px-4 py-3 mt-2 ml-9 md:m-0;
+    @apply mt-2 ml-9 md:m-0;
   }
   &__icon {
     @apply mt-0.5 flex-shrink-0;
diff --git a/packages/theme/src/button.scss b/packages/theme/src/button.scss
index f9922b2d..f567b69d 100644
--- a/packages/theme/src/button.scss
+++ b/packages/theme/src/button.scss
@@ -6,22 +6,26 @@
 
   &--sm {
     @extend .puik-text-button-small;
-    @apply py-1 px-2 h-7;
+    @apply py-1 px-2 min-h-sm;
   }
 
   &--md {
-    @apply h-9;
+    @apply min-h-md;
   }
 
   &--lg {
     @extend .puik-text-button-large;
-    @apply py-3.5 px-4 gap-3 h-12;
+    @apply py-3.5 px-4 gap-3 min-h-lg;
   }
 
   &--fluid {
     @apply w-full;
   }
 
+  &--no-wrap {
+    @apply whitespace-nowrap;
+  }
+
   &:focus-visible {
     @apply outline-none ring ring-offset-2 ring-blue;
   }
diff --git a/packages/theme/src/table.scss b/packages/theme/src/table.scss
index 43aa1888..e22be884 100644
--- a/packages/theme/src/table.scss
+++ b/packages/theme/src/table.scss
@@ -58,13 +58,16 @@
   &__body,
   > tbody {
     &__row,
-    > tr {
+    > .puik-table__head__row,
+    .puik-table__body__row {
       @apply border-t-[1px];
       &:hover {
-        @apply bg-primary-200;
+        .puik-table__body__row__item,
+        .puik-table__body__row__item::before {
+          @apply bg-primary-200;
+        }
       }
-      &__item,
-      > td {
+      &__item {
         @extend .puik-body-default;
         @apply text-primary-800;
         @include puik-table-item();
@@ -72,4 +75,67 @@
       }
     }
   }
+
+  tr {
+    .puik-table__head__row__item--sticky,
+    .puik-table__body__row__item--sticky {
+      @apply sticky bg-white;
+    }
+
+    .puik-table__head__row__item--sticky-scroll,
+    .puik-table__body__row__item--sticky-scroll,
+    .puik-table__head__row__item--sticky-right:first-child,
+    .puik-table__body__row__item--sticky-right:first-child,
+    .puik-table__head__row__item--sticky-left:last-child,
+    .puik-table__body__row__item--sticky-left:last-child {
+      &::before {
+        @apply content-[''] block absolute top-0 bottom-0 w-1.5 bg-white;
+      }
+    }
+
+    .puik-table__head__row__item--sticky:first-child,
+    .puik-table__body__row__item--sticky:first-child,
+    .puik-table__head__row__item--sticky-right:first-child,
+    .puik-table__body__row__item--sticky-right:first-child {
+      @apply -left-px;
+    }
+
+    .puik-table__head__row__item--sticky:last-child,
+    .puik-table__body__row__item--sticky:last-child,
+    .puik-table__head__row__item--sticky-left:last-child,
+    .puik-table__body__row__item--sticky-left:last-child {
+      @apply -right-px;
+    }
+
+    .puik-table__head__row__item--sticky-scroll:first-child,
+    .puik-table__body__row__item--sticky-scroll:first-child,
+    .puik-table__head__row__item--sticky-right:first-child,
+    .puik-table__body__row__item--sticky-right:first-child {
+      &::before {
+        @apply right-0 shadow-[4px_0_7px_-1px_rgba(29,29,27,0.1)];
+      }
+    }
+
+    .puik-table__head__row__item--sticky-scroll:last-child,
+    .puik-table__body__row__item--sticky-scroll:last-child,
+    .puik-table__head__row__item--sticky-left:last-child,
+    .puik-table__body__row__item--sticky-left:last-child {
+      &::before {
+        @apply left-0 shadow-[-4px_0_7px_-1px_rgba(29,29,27,0.1)];
+      }
+    }
+  }
+
+  .puik-table__body__row__item--expanded {
+    @apply p-0;
+  }
+  .puik-table__body__row__item__container {
+    @apply flex items-center space-x-3;
+    .puik-icon {
+      @apply select-none cursor-pointer -rotate-0 transform transition-transform duration-150 ease-in-out;
+    }
+    .puik-icon__expand {
+      @apply -rotate-180 transform transition-transform duration-100 ease-in-out;
+    }
+  }
 }