From 79a56fabdfe2e4344c771554f5236b99d80659b5 Mon Sep 17 00:00:00 2001
From: Paul Bottein <paul.bottein@gmail.com>
Date: Tue, 20 Aug 2024 11:56:28 +0200
Subject: [PATCH] Remove column min width

---
 src/panels/lovelace/views/hui-sections-view.ts | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/panels/lovelace/views/hui-sections-view.ts b/src/panels/lovelace/views/hui-sections-view.ts
index ef22550c8b..651c95139a 100644
--- a/src/panels/lovelace/views/hui-sections-view.ts
+++ b/src/panels/lovelace/views/hui-sections-view.ts
@@ -129,12 +129,14 @@ export class SectionsView extends LitElement implements LovelaceViewElement {
 
   private _attachMediaQueriesListeners() {
     this._detachMediaQueriesListeners();
-    const breakpoints = this._config?.column_breakpoints || DEFAULT_BREAKPOINTS;
+    const breakpoints = this._config?.column_breakpoints ?? DEFAULT_BREAKPOINTS;
+    const maxColumns = this._config?.max_columns ?? 4;
     const mediaQueries = buildMediaQueries(breakpoints);
     this._listeners = mediaQueries.map((mediaQuery, index) =>
       listenMediaQuery(mediaQuery, (matches) => {
         if (matches) {
-          this._columns = Object.values(breakpoints)[index];
+          const columns = Object.values(breakpoints)[index];
+          this._columns = Math.min(maxColumns, columns);
         }
       })
     );