diff --git a/.storybook/image-snapshots/expected/components_DatatableV2_ColumnPinning_Initial Column Pinning.png b/.storybook/image-snapshots/expected/components_DatatableV2_ColumnPinning_Initial Column Pinning.png
index 60567b411..b6ae04b3a 100644
Binary files a/.storybook/image-snapshots/expected/components_DatatableV2_ColumnPinning_Initial Column Pinning.png and b/.storybook/image-snapshots/expected/components_DatatableV2_ColumnPinning_Initial Column Pinning.png differ
diff --git a/src/components/DatatableV2/toolbar/Pagination.tsx b/src/components/DatatableV2/toolbar/Pagination.tsx
index eef0c827b..342a51e9f 100644
--- a/src/components/DatatableV2/toolbar/Pagination.tsx
+++ b/src/components/DatatableV2/toolbar/Pagination.tsx
@@ -7,15 +7,23 @@ import { Inline, Padbox } from '../../layout';
 import IconButton from '../buttons/IconButton';
 import { DatatableInstance } from '../Datatable.types';
 
-const cq = {
-  sm: {
-    maxWidth: 512,
-  },
-  md: {
-    minWidth: 513,
-    maxWidth: 720,
-  },
-};
+/**
+ * THIS IS A QUICK FIX
+ * We need to replace the `react-container-query` with CSS based container queries
+ */
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+const cq = window?.__STORYBOOK_PREVIEW__ // eslint-disable-line no-underscore-dangle
+  ? { sm: { maxWidth: 0 } }
+  : {
+      sm: {
+        maxWidth: 512,
+      },
+      md: {
+        minWidth: 513,
+        maxWidth: 720,
+      },
+    };
 
 const Select = styled.select`
   border: 1px solid ${getFormStyle('borderColor')};