diff --git a/packages/noodl-viewer-react/src/components/visual/Columns/Columns.tsx b/packages/noodl-viewer-react/src/components/visual/Columns/Columns.tsx
index 0a1d620..a81c305 100644
--- a/packages/noodl-viewer-react/src/components/visual/Columns/Columns.tsx
+++ b/packages/noodl-viewer-react/src/components/visual/Columns/Columns.tsx
@@ -132,6 +132,7 @@ export function Columns(props: ColumnsProps) {
       className={['columns-container', props.className].join(' ')}
       ref={containerRef}
       style={{
+        visibility: containerWidth === null ? "hidden" : "visible",
         marginTop: parseFloat(props.marginY) * -1,
         marginLeft: parseFloat(props.marginX) * -1,
         display: 'flex',