diff --git a/packages/board/src/vaadin-board-row.js b/packages/board/src/vaadin-board-row.js
index b46be998aa7..8d0c0ee323e 100644
--- a/packages/board/src/vaadin-board-row.js
+++ b/packages/board/src/vaadin-board-row.js
@@ -71,6 +71,10 @@ class BoardRow extends ResizeMixin(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 8ea71b1f56f..5ccfd25321c 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>
     `;