diff --git a/src/lib/components/table/Table.stories.tsx b/src/lib/components/table/Table.stories.tsx
index cc93c72d..7fe4fec8 100644
--- a/src/lib/components/table/Table.stories.tsx
+++ b/src/lib/components/table/Table.stories.tsx
@@ -122,7 +122,10 @@ const initialData: TableData = [
       ],
       [
         { text: 'Operations', modalContent: 'info' },
-        { checkmarkValue: true, modalContent: 'Maybe' },
+        {
+          text: 'This is a table cell with a lot of text',
+          modalContent: 'Maybe',
+        },
         { checkmarkValue: false },
         { checkmarkValue: true },
       ],
diff --git a/src/lib/components/table/components/TableCell/BaseCell/BaseCell.module.scss b/src/lib/components/table/components/TableCell/BaseCell/BaseCell.module.scss
index c78ea9d2..b0cbc735 100644
--- a/src/lib/components/table/components/TableCell/BaseCell/BaseCell.module.scss
+++ b/src/lib/components/table/components/TableCell/BaseCell/BaseCell.module.scss
@@ -5,6 +5,12 @@
   position: relative;
 }
 
+.maxWidth {
+  @include p-size-mobile {
+    max-width: calc(100% - 64px);
+  }
+}
+
 .infoButtonAbsolute {
   position: absolute;
   right: -32px;
diff --git a/src/lib/components/table/components/TableCell/BaseCell/BaseCell.tsx b/src/lib/components/table/components/TableCell/BaseCell/BaseCell.tsx
index 81f09cb8..c8d9ce4e 100644
--- a/src/lib/components/table/components/TableCell/BaseCell/BaseCell.tsx
+++ b/src/lib/components/table/components/TableCell/BaseCell/BaseCell.tsx
@@ -1,8 +1,8 @@
 import classNames from 'classnames';
 import {
   CheckIcon,
-  XIcon,
   StarFilledIcon,
+  XIcon,
   ZapFilledIcon,
 } from '../../../../icon';
 import { ReactNode } from 'react';
@@ -70,6 +70,8 @@ export const BaseCell = ({
       ? progressLookup[text]
       : undefined;
 
+  console.log(modalContent);
+
   return (
     <div
       className={classNames('d-flex gap8 ai-center', {
@@ -80,7 +82,8 @@ export const BaseCell = ({
         className={classNames(
           'd-flex fd-column',
           alignClassName,
-          styles.relative
+          styles.relative,
+          { [styles.maxWidth]: modalContent && align === 'center' }
         )}
       >
         {progressBarValue !== undefined && (