diff --git a/package-lock.json b/package-lock.json
index 53350e626..d6b3d8021 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@ebury/chameleon-components",
-  "version": "2.2.55",
+  "version": "2.2.56",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ebury/chameleon-components",
-      "version": "2.2.55",
+      "version": "2.2.56",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
diff --git a/package.json b/package.json
index 732a3e570..fb1a506f8 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ebury/chameleon-components",
-  "version": "2.2.55",
+  "version": "2.2.56",
   "main": "src/main.js",
   "sideEffects": false,
   "author": "Ebury Team (http://labs.ebury.rocks/)",
diff --git a/src/components/ec-smart-table/__snapshots__/ec-smart-table.spec.js.snap b/src/components/ec-smart-table/__snapshots__/ec-smart-table.spec.js.snap
index 40d927fa3..03b44ee2e 100644
--- a/src/components/ec-smart-table/__snapshots__/ec-smart-table.spec.js.snap
+++ b/src/components/ec-smart-table/__snapshots__/ec-smart-table.spec.js.snap
@@ -693,7 +693,7 @@ exports[`EcSmartTable filtering should reset the page after changes in filters a
   data-test="ec-smart-table-pagination ec-table-pagination"
 >
   <div
-    class="ec-table-pagination__page-size"
+    class="ec-table-pagination__page-size ec-table-pagination__page-size--is-responsive"
     data-test="ec-table-pagination__page-size"
   >
     <div
@@ -804,14 +804,14 @@ exports[`EcSmartTable filtering should reset the page after changes in filters a
     
   </div>
   <div
-    class="ec-table-pagination__total"
+    class="ec-table-pagination__total ec-table-pagination__total--is-responsive"
     data-test="ec-table-pagination__total"
   >
     
     
   </div>
   <div
-    class="ec-table-pagination__actions"
+    class="ec-table-pagination__actions ec-table-pagination__actions--is-responsive"
     data-test="ec-table-pagination__actions"
   >
     <button
@@ -855,7 +855,7 @@ exports[`EcSmartTable filtering should reset the page after changes in filters a
   data-test="ec-smart-table-pagination ec-table-pagination"
 >
   <div
-    class="ec-table-pagination__page-size"
+    class="ec-table-pagination__page-size ec-table-pagination__page-size--is-responsive"
     data-test="ec-table-pagination__page-size"
   >
     <div
@@ -966,14 +966,14 @@ exports[`EcSmartTable filtering should reset the page after changes in filters a
     
   </div>
   <div
-    class="ec-table-pagination__total"
+    class="ec-table-pagination__total ec-table-pagination__total--is-responsive"
     data-test="ec-table-pagination__total"
   >
     
     
   </div>
   <div
-    class="ec-table-pagination__actions"
+    class="ec-table-pagination__actions ec-table-pagination__actions--is-responsive"
     data-test="ec-table-pagination__actions"
   >
     <button
@@ -1031,7 +1031,7 @@ exports[`EcSmartTable pagination should re-fetch the data when page size is chan
   data-test="ec-smart-table-pagination ec-table-pagination"
 >
   <div
-    class="ec-table-pagination__page-size"
+    class="ec-table-pagination__page-size ec-table-pagination__page-size--is-responsive"
     data-test="ec-table-pagination__page-size"
   >
     <div
@@ -1142,14 +1142,14 @@ exports[`EcSmartTable pagination should re-fetch the data when page size is chan
     
   </div>
   <div
-    class="ec-table-pagination__total"
+    class="ec-table-pagination__total ec-table-pagination__total--is-responsive"
     data-test="ec-table-pagination__total"
   >
     
     
   </div>
   <div
-    class="ec-table-pagination__actions"
+    class="ec-table-pagination__actions ec-table-pagination__actions--is-responsive"
     data-test="ec-table-pagination__actions"
   >
     <button
@@ -1194,7 +1194,7 @@ exports[`EcSmartTable pagination should re-fetch the data when prev page is sele
   data-test="ec-smart-table-pagination ec-table-pagination"
 >
   <div
-    class="ec-table-pagination__page-size"
+    class="ec-table-pagination__page-size ec-table-pagination__page-size--is-responsive"
     data-test="ec-table-pagination__page-size"
   >
     <div
@@ -1305,14 +1305,14 @@ exports[`EcSmartTable pagination should re-fetch the data when prev page is sele
     
   </div>
   <div
-    class="ec-table-pagination__total"
+    class="ec-table-pagination__total ec-table-pagination__total--is-responsive"
     data-test="ec-table-pagination__total"
   >
     
     
   </div>
   <div
-    class="ec-table-pagination__actions"
+    class="ec-table-pagination__actions ec-table-pagination__actions--is-responsive"
     data-test="ec-table-pagination__actions"
   >
     <button
@@ -1355,7 +1355,7 @@ exports[`EcSmartTable pagination should re-fetch the data when prev page is sele
   data-test="ec-smart-table-pagination ec-table-pagination"
 >
   <div
-    class="ec-table-pagination__page-size"
+    class="ec-table-pagination__page-size ec-table-pagination__page-size--is-responsive"
     data-test="ec-table-pagination__page-size"
   >
     <div
@@ -1466,14 +1466,14 @@ exports[`EcSmartTable pagination should re-fetch the data when prev page is sele
     
   </div>
   <div
-    class="ec-table-pagination__total"
+    class="ec-table-pagination__total ec-table-pagination__total--is-responsive"
     data-test="ec-table-pagination__total"
   >
     
     
   </div>
   <div
-    class="ec-table-pagination__actions"
+    class="ec-table-pagination__actions ec-table-pagination__actions--is-responsive"
     data-test="ec-table-pagination__actions"
   >
     <button
@@ -1531,7 +1531,7 @@ exports[`EcSmartTable pagination should render footer slot inside of the paginat
           data-test="ec-smart-table-pagination ec-table-pagination"
         >
           <div
-            class="ec-table-pagination__page-size"
+            class="ec-table-pagination__page-size ec-table-pagination__page-size--is-responsive"
             data-test="ec-table-pagination__page-size"
           >
             <div
@@ -1642,7 +1642,7 @@ exports[`EcSmartTable pagination should render footer slot inside of the paginat
             
           </div>
           <div
-            class="ec-table-pagination__total"
+            class="ec-table-pagination__total ec-table-pagination__total--is-responsive"
             data-test="ec-table-pagination__total"
           >
             
@@ -1654,7 +1654,7 @@ exports[`EcSmartTable pagination should render footer slot inside of the paginat
             
           </div>
           <div
-            class="ec-table-pagination__actions"
+            class="ec-table-pagination__actions ec-table-pagination__actions--is-responsive"
             data-test="ec-table-pagination__actions"
           >
             <button
@@ -1732,7 +1732,7 @@ exports[`EcSmartTable pagination should render pagination when it's enabled 1`]
   data-test="ec-smart-table-pagination ec-table-pagination"
 >
   <div
-    class="ec-table-pagination__page-size"
+    class="ec-table-pagination__page-size ec-table-pagination__page-size--is-responsive"
     data-test="ec-table-pagination__page-size"
   >
     <div
@@ -1843,14 +1843,14 @@ exports[`EcSmartTable pagination should render pagination when it's enabled 1`]
     
   </div>
   <div
-    class="ec-table-pagination__total"
+    class="ec-table-pagination__total ec-table-pagination__total--is-responsive"
     data-test="ec-table-pagination__total"
   >
     
     
   </div>
   <div
-    class="ec-table-pagination__actions"
+    class="ec-table-pagination__actions ec-table-pagination__actions--is-responsive"
     data-test="ec-table-pagination__actions"
   >
     <button
@@ -1894,7 +1894,7 @@ exports[`EcSmartTable pagination should render pagination when it's enabled and
   data-test="ec-smart-table-pagination ec-table-pagination"
 >
   <div
-    class="ec-table-pagination__page-size"
+    class="ec-table-pagination__page-size ec-table-pagination__page-size--is-responsive"
     data-test="ec-table-pagination__page-size"
   >
     <div
@@ -2005,14 +2005,14 @@ exports[`EcSmartTable pagination should render pagination when it's enabled and
     
   </div>
   <div
-    class="ec-table-pagination__total"
+    class="ec-table-pagination__total ec-table-pagination__total--is-responsive"
     data-test="ec-table-pagination__total"
   >
     
     
   </div>
   <div
-    class="ec-table-pagination__actions"
+    class="ec-table-pagination__actions ec-table-pagination__actions--is-responsive"
     data-test="ec-table-pagination__actions"
   >
     <button
@@ -2055,7 +2055,7 @@ exports[`EcSmartTable pagination should render pagination when it's enabled and
   data-test="ec-smart-table-pagination ec-table-pagination"
 >
   <div
-    class="ec-table-pagination__page-size"
+    class="ec-table-pagination__page-size ec-table-pagination__page-size--is-responsive"
     data-test="ec-table-pagination__page-size"
   >
     <div
@@ -2166,14 +2166,14 @@ exports[`EcSmartTable pagination should render pagination when it's enabled and
     
   </div>
   <div
-    class="ec-table-pagination__total"
+    class="ec-table-pagination__total ec-table-pagination__total--is-responsive"
     data-test="ec-table-pagination__total"
   >
     
     
   </div>
   <div
-    class="ec-table-pagination__actions"
+    class="ec-table-pagination__actions ec-table-pagination__actions--is-responsive"
     data-test="ec-table-pagination__actions"
   >
     <button
diff --git a/src/components/ec-smart-table/ec-smart-table.story.js b/src/components/ec-smart-table/ec-smart-table.story.js
index 8418031ea..4d2842b56 100644
--- a/src/components/ec-smart-table/ec-smart-table.story.js
+++ b/src/components/ec-smart-table/ec-smart-table.story.js
@@ -360,6 +360,7 @@ export const all = args => ({
             fetchEmptyList: null,
             isFilteringEnabled: null,
             prefilter: null,
+            isPaginationResponsive: false,
           }"
           v-on="{
             fetch: onFetch,
@@ -458,7 +459,7 @@ export const all = args => ({
       </p>
       </div>
     </div>
-    <h2 class="tw-m-24">With always shown custom row</h2>
+    <h2 class="tw-m-24">With always shown custom row and hidden pagination size and custom info</h2>
     <div class="tw-flex tw-px-20">
       <div class="tw-my-auto tw-mx-20 tw-w-full ec-card">
         <ec-smart-table
@@ -478,6 +479,8 @@ export const all = args => ({
             isFilteringEnabled: null,
             prefilter: null,
             isCustomRowShown: true,
+            isPageSizeHidden: true,
+            isTotalHidden: true,
           }"
           v-on="{
             fetch: onFetch,
diff --git a/src/components/ec-smart-table/ec-smart-table.vue b/src/components/ec-smart-table/ec-smart-table.vue
index 5c527dc19..7d3063d03 100644
--- a/src/components/ec-smart-table/ec-smart-table.vue
+++ b/src/components/ec-smart-table/ec-smart-table.vue
@@ -82,6 +82,9 @@
                 total: totalRecords,
                 numberOfItems,
                 itemsPerPageText,
+                isPageSizeHidden,
+                isTotalHidden,
+                isResponsive: isPaginationResponsive,
               }"
               data-test="ec-smart-table-pagination"
               @change="paginate"
@@ -173,6 +176,18 @@ const props = defineProps({
     type: Boolean,
     default: false,
   },
+  isPageSizeHidden: {
+    type: Boolean,
+    default: false,
+  },
+  isTotalHidden: {
+    type: Boolean,
+    default: false,
+  },
+  isPaginationResponsive: {
+    type: Boolean,
+    default: true,
+  },
 });
 
 // sorting
diff --git a/src/components/ec-table-pagination/__snapshots__/ec-table-pagination.spec.js.snap b/src/components/ec-table-pagination/__snapshots__/ec-table-pagination.spec.js.snap
index 9fca47bb6..485a020ce 100644
--- a/src/components/ec-table-pagination/__snapshots__/ec-table-pagination.spec.js.snap
+++ b/src/components/ec-table-pagination/__snapshots__/ec-table-pagination.spec.js.snap
@@ -15,7 +15,7 @@ exports[`EcTablePagination #slots should use given pages slot 1`] = `
 
 exports[`EcTablePagination #slots should use given total slot 1`] = `
 <div
-  class="ec-table-pagination__total"
+  class="ec-table-pagination__total ec-table-pagination__total--is-responsive"
   data-test="ec-table-pagination__total"
 >
   
@@ -60,7 +60,7 @@ exports[`EcTablePagination should display last page information by calculating t
 
 exports[`EcTablePagination should display next and prev buttons disabled if pagination has only one page 1`] = `
 <div
-  class="ec-table-pagination__actions"
+  class="ec-table-pagination__actions ec-table-pagination__actions--is-responsive"
   data-test="ec-table-pagination__actions"
 >
   <button
@@ -100,7 +100,7 @@ exports[`EcTablePagination should display next and prev buttons disabled if pagi
 
 exports[`EcTablePagination should display next and prev buttons enabled if pagination is in the middle 1`] = `
 <div
-  class="ec-table-pagination__actions"
+  class="ec-table-pagination__actions ec-table-pagination__actions--is-responsive"
   data-test="ec-table-pagination__actions"
 >
   <button
@@ -138,7 +138,7 @@ exports[`EcTablePagination should display next and prev buttons enabled if pagin
 
 exports[`EcTablePagination should display only next button disabled if pagination is on the last page 1`] = `
 <div
-  class="ec-table-pagination__actions"
+  class="ec-table-pagination__actions ec-table-pagination__actions--is-responsive"
   data-test="ec-table-pagination__actions"
 >
   <button
@@ -177,7 +177,7 @@ exports[`EcTablePagination should display only next button disabled if paginatio
 
 exports[`EcTablePagination should display only prev button disabled if pagination is on the first page 1`] = `
 <div
-  class="ec-table-pagination__actions"
+  class="ec-table-pagination__actions ec-table-pagination__actions--is-responsive"
   data-test="ec-table-pagination__actions"
 >
   <button
@@ -264,7 +264,7 @@ exports[`EcTablePagination should display page information when last page is inc
 
 exports[`EcTablePagination should display the page size dropdown with preselected value 1`] = `
 <div
-  class="ec-table-pagination__page-size"
+  class="ec-table-pagination__page-size ec-table-pagination__page-size--is-responsive"
   data-test="ec-table-pagination__page-size"
 >
   <div
@@ -369,7 +369,7 @@ exports[`EcTablePagination should render as expected 1`] = `
   data-test="ec-table-pagination"
 >
   <div
-    class="ec-table-pagination__page-size"
+    class="ec-table-pagination__page-size ec-table-pagination__page-size--is-responsive"
     data-test="ec-table-pagination__page-size"
   >
     <div
@@ -480,14 +480,14 @@ exports[`EcTablePagination should render as expected 1`] = `
     
   </div>
   <div
-    class="ec-table-pagination__total"
+    class="ec-table-pagination__total ec-table-pagination__total--is-responsive"
     data-test="ec-table-pagination__total"
   >
     
     
   </div>
   <div
-    class="ec-table-pagination__actions"
+    class="ec-table-pagination__actions ec-table-pagination__actions--is-responsive"
     data-test="ec-table-pagination__actions"
   >
     <button
diff --git a/src/components/ec-table-pagination/ec-table-pagination.spec.js b/src/components/ec-table-pagination/ec-table-pagination.spec.js
index 1ed5ffe02..1c5d48a03 100644
--- a/src/components/ec-table-pagination/ec-table-pagination.spec.js
+++ b/src/components/ec-table-pagination/ec-table-pagination.spec.js
@@ -26,7 +26,13 @@ describe('EcTablePagination', () => {
   });
 
   it('should display page information by calculating total number of pages', () => {
-    const wrapper = mountEcTablePagination({ total: 20, numberOfItems: 5, page: 2 });
+    const wrapper = mountEcTablePagination({
+      total: 20,
+      numberOfItems: 5,
+      page: 2,
+      isPageSizeHidden: false,
+      isTotalHidden: false,
+    });
     expect(wrapper.findByDataTest('ec-table-pagination__current-page').element).toMatchSnapshot();
   });
 
@@ -75,6 +81,20 @@ describe('EcTablePagination', () => {
     expect(wrapper.findByDataTest('ec-table-pagination__actions').element).toMatchSnapshot();
   });
 
+  it('should not render page size when "isPageSizeHidden" prop is true', () => {
+    const wrapper = mountEcTablePagination({
+      isPageSizeHidden: true,
+    });
+    expect(wrapper.findByDataTest('ec-table-pagination__page-size').exists()).toBe(false);
+  });
+
+  it('should not render custom info when "isTotalHidden" prop is true', () => {
+    const wrapper = mountEcTablePagination({
+      isTotalHidden: true,
+    });
+    expect(wrapper.findByDataTest('ec-table-pagination__total').exists()).toBe(false);
+  });
+
   describe('#slots', () => {
     it('should use given pages slot', () => {
       const wrapper = mountEcTablePagination({ total: 20, numberOfItems: 5, page: 1 }, {
@@ -89,7 +109,12 @@ describe('EcTablePagination', () => {
     });
 
     it('should use given total slot', () => {
-      const wrapper = mountEcTablePagination({ total: 20, numberOfItems: 5, page: 1 }, {
+      const wrapper = mountEcTablePagination({
+        total: 20,
+        numberOfItems: 5,
+        page: 1,
+        isTotalHidden: false,
+      }, {
         slots: {
           total(slotProps) {
             return h('div', `Total slot: ${JSON.stringify(slotProps)}`);
@@ -110,7 +135,12 @@ describe('EcTablePagination', () => {
     });
 
     it('should change the selected page size and reset current page when pagination is not showing the first page', async () => {
-      const wrapper = mountEcTablePagination({ total: 100, page: 2, numberOfItems: 10 });
+      const wrapper = mountEcTablePagination({
+        total: 100,
+        page: 2,
+        numberOfItems: 10,
+        isPageSizeHidden: false,
+      });
       await wrapper.findByDataTest('ec-table-pagination__action--page-size').trigger('click');
       await wrapper.findByDataTest('ec-dropdown-search__item--2').trigger('click');
       expect(wrapper.emitted('change')).toStrictEqual([[1, 50]]);
diff --git a/src/components/ec-table-pagination/ec-table-pagination.vue b/src/components/ec-table-pagination/ec-table-pagination.vue
index d06deae44..0278e0824 100644
--- a/src/components/ec-table-pagination/ec-table-pagination.vue
+++ b/src/components/ec-table-pagination/ec-table-pagination.vue
@@ -8,7 +8,9 @@
   >
 
     <div
+      v-if="!isPageSizeHidden"
       class="ec-table-pagination__page-size"
+      :class="{ 'ec-table-pagination__page-size--is-responsive': isResponsive }"
       data-test="ec-table-pagination__page-size"
     >
       <div class="ec-table-pagination__page-size-text">{{ itemsPerPageText }}:</div>
@@ -51,7 +53,9 @@
     </div>
 
     <div
+      v-if="!isTotalHidden"
       class="ec-table-pagination__total"
+      :class="{ 'ec-table-pagination__total--is-responsive': isResponsive }"
       data-test="ec-table-pagination__total"
     >
       <slot
@@ -67,6 +71,7 @@
 
     <div
       class="ec-table-pagination__actions"
+      :class="{ 'ec-table-pagination__actions--is-responsive': isResponsive }"
       data-test="ec-table-pagination__actions"
     >
       <button
@@ -128,6 +133,18 @@ const props = defineProps({
     type: String,
     default: 'Items per page',
   },
+  isPageSizeHidden: {
+    type: Boolean,
+    default: false,
+  },
+  isTotalHidden: {
+    type: Boolean,
+    default: false,
+  },
+  isResponsive: {
+    type: Boolean,
+    default: true,
+  },
 });
 
 const emit = defineEmits(['change']);
@@ -166,10 +183,24 @@ const selectedPageSizeText = computed(() => pageSizeModel.value?.text);
     @apply tw-py-8 tw-px-16;
   }
 
+  &__current-page {
+    @apply tw-truncate;
+  }
+
   &__page-size {
     @apply tw-py-0;
     @apply tw-border-r tw-border-solid tw-border-gray-6;
     @apply tw-flex;
+
+    &--is-responsive {
+      @apply tw-hidden;
+
+      @screen md {
+        @apply tw-py-0;
+        @apply tw-border-r tw-border-solid tw-border-gray-6;
+        @apply tw-flex;
+      }
+    }
   }
 
   &__page-size-text {
@@ -179,10 +210,22 @@ const selectedPageSizeText = computed(() => pageSizeModel.value?.text);
 
   &__total {
     @apply tw-flex-grow;
+
+    &--is-responsive {
+      @apply tw-hidden;
+
+      @screen md {
+        @apply tw-block tw-flex-grow;
+      }
+    }
   }
 
   &__actions {
     @apply tw-flex;
+
+    &--is-responsive {
+      @apply tw-mr-0 tw-ml-auto;
+    }
   }
 
   &__action {
diff --git a/tests/integration/snapshots/visual-regression.spec.js/smart-table--all__chrome.snap.png b/tests/integration/snapshots/visual-regression.spec.js/smart-table--all__chrome.snap.png
index 0dac98874..285b00c95 100644
Binary files a/tests/integration/snapshots/visual-regression.spec.js/smart-table--all__chrome.snap.png and b/tests/integration/snapshots/visual-regression.spec.js/smart-table--all__chrome.snap.png differ
diff --git a/tests/integration/snapshots/visual-regression.spec.js/smart-table--all__firefox.snap.png b/tests/integration/snapshots/visual-regression.spec.js/smart-table--all__firefox.snap.png
index 6e5257977..d25003b61 100644
Binary files a/tests/integration/snapshots/visual-regression.spec.js/smart-table--all__firefox.snap.png and b/tests/integration/snapshots/visual-regression.spec.js/smart-table--all__firefox.snap.png differ
diff --git a/tests/integration/snapshots/visual-regression.spec.js/smart-table--basic__chrome.snap.png b/tests/integration/snapshots/visual-regression.spec.js/smart-table--basic__chrome.snap.png
index f03bde0a1..b39ced8df 100644
Binary files a/tests/integration/snapshots/visual-regression.spec.js/smart-table--basic__chrome.snap.png and b/tests/integration/snapshots/visual-regression.spec.js/smart-table--basic__chrome.snap.png differ
diff --git a/tests/integration/snapshots/visual-regression.spec.js/smart-table--basic__firefox.snap.png b/tests/integration/snapshots/visual-regression.spec.js/smart-table--basic__firefox.snap.png
index 24d54646f..4739875f9 100644
Binary files a/tests/integration/snapshots/visual-regression.spec.js/smart-table--basic__firefox.snap.png and b/tests/integration/snapshots/visual-regression.spec.js/smart-table--basic__firefox.snap.png differ