diff --git a/packages/board/src/vaadin-board-row.js b/packages/board/src/vaadin-board-row.js
index b252185a04..deccd20fa7 100644
--- a/packages/board/src/vaadin-board-row.js
+++ b/packages/board/src/vaadin-board-row.js
@@ -64,6 +64,10 @@ class BoardRow extends BoardRowMixin(ElementMixin(PolymerElement)) {
           --medium-size: var(--vaadin-board-width-medium, 960px);
         }
 
+        :host([hidden]) {
+          display: none !important;
+        }
+
         :host ::slotted(*) {
           box-sizing: border-box;
           flex-grow: 1;
diff --git a/packages/board/src/vaadin-board.js b/packages/board/src/vaadin-board.js
index 6ca859359b..9954326bc6 100644
--- a/packages/board/src/vaadin-board.js
+++ b/packages/board/src/vaadin-board.js
@@ -44,6 +44,10 @@ class Board extends ElementMixin(PolymerElement) {
         :host {
           display: block;
         }
+
+        :host([hidden]) {
+          display: none !important;
+        }
       </style>
       <slot></slot>
     `;