diff --git a/src/components/pages/production/uniformity/UniformityChart.tsx b/src/components/pages/production/uniformity/UniformityChart.tsx
index 3f4a9781..2eb17548 100644
--- a/src/components/pages/production/uniformity/UniformityChart.tsx
+++ b/src/components/pages/production/uniformity/UniformityChart.tsx
@@ -102,11 +102,11 @@ const UniformityChart = ({
   const shouldShowEmptyState = !isFiltered;
 
   return (
-    <section className='w-full grid grid-cols-1 xl:grid-cols-2 2xl:grid-cols-4 gap-3'>
+    <section className='w-full grid grid-cols-1 xl:grid-cols-2 2xl:grid-cols-[1fr_350px] gap-3'>
       <Card
         variant='bordered'
         className={{
-          wrapper: 'xl:col-span-1 2xl:col-span-3 w-full rounded-xl',
+          wrapper: '2xl:col-span-1 w-full rounded-xl',
           body: 'h-96 p-4',
         }}
       >
@@ -134,7 +134,7 @@ const UniformityChart = ({
       <Card
         variant='bordered'
         className={{
-          wrapper: 'xl:col-span-1 2xl:col-span-1 w-full rounded-xl',
+          wrapper: '2xl:col-span-1 w-full rounded-xl',
           body:
             shouldShowEmptyState || !uniformityData || !gaugeChartData
               ? 'h-110 p-4'