diff --git a/client/src/components/trello-board/controllers/Board.jsx b/client/src/components/trello-board/controllers/Board.jsx
index 1ac83cab5..3418a012d 100644
--- a/client/src/components/trello-board/controllers/Board.jsx
+++ b/client/src/components/trello-board/controllers/Board.jsx
@@ -7,11 +7,11 @@ const Board = ({ id, className, components, orientation, ...additionalProps }) =
   const [storeId] = useState(id || v1());
 
   const allClassNames = classNames("react-trello-board", className || "");
-  const Styles = orientation === "horizontal" ? components.GlobalStyleHorizontal : components.GlobalStyleVertical;
 
   return (
     <>
-      <Styles />
+      {orientation === "horizontal" && <components.GlobalStyleHorizontal />}
+      {orientation === "vertical" && <components.GlobalStyleVertical />}
       <BoardContainer
         components={components}
         orientation={orientation}