diff --git a/client/src/components/production-board-kanban/production-board-kanban.component.jsx b/client/src/components/production-board-kanban/production-board-kanban.component.jsx
index 0ed42b338..a90e7b29e 100644
--- a/client/src/components/production-board-kanban/production-board-kanban.component.jsx
+++ b/client/src/components/production-board-kanban/production-board-kanban.component.jsx
@@ -174,18 +174,8 @@ export function ProductionBoardKanbanComponent({
       : standardSizes[selectedBreakpoint[0]]
     : "250";
 
-  const Container = styled.div`
-    .react-kanban-card-skeleton,
-    .react-kanban-card,
-    .react-kanban-card-adder-form {
-      box-sizing: border-box;
-      max-width: ${width}px;
-      min-width: ${width}px;
-    }
-  `;
-
   return (
-    <Container>
+    <Container width={width}>
       <IndefiniteLoading loading={isMoving} />
       <PageHeader
         title={
@@ -248,3 +238,13 @@ export default connect(
   mapStateToProps,
   mapDispatchToProps
 )(ProductionBoardKanbanComponent);
+
+const Container = styled.div`
+  .react-kanban-card-skeleton,
+  .react-kanban-card,
+  .react-kanban-card-adder-form {
+    box-sizing: border-box;
+    max-width: ${(props) => props.width}px;
+    min-width: ${(props) => props.width}px;
+  }
+`;