diff --git a/dist/plex-meets-homeassistant.js b/dist/plex-meets-homeassistant.js
index be044b2..b0cb5b0 100644
--- a/dist/plex-meets-homeassistant.js
+++ b/dist/plex-meets-homeassistant.js
@@ -19949,6 +19949,7 @@ class PlexMeetsHomeAssistantEditor extends HTMLElement {
         this.port = document.createElement('paper-input');
         this.maxCount = document.createElement('paper-input');
         this.maxRows = document.createElement('paper-input');
+        this.minWidth = document.createElement('paper-input');
         this.cardTitle = document.createElement('paper-input');
         this.libraryName = document.createElement('paper-dropdown-menu');
         this.protocol = document.createElement('paper-dropdown-menu');
@@ -20021,6 +20022,12 @@ class PlexMeetsHomeAssistantEditor extends HTMLElement {
                     else {
                         this.config.maxRows = this.maxRows.value;
                     }
+                    if (lodash.isEmpty(this.minWidth.value)) {
+                        this.config.minWidth = '';
+                    }
+                    else {
+                        this.config.minWidth = this.minWidth.value;
+                    }
                     if (lodash.isEmpty(this.cardTitle.value)) {
                         this.config.title = '';
                     }
@@ -20404,6 +20411,17 @@ class PlexMeetsHomeAssistantEditor extends HTMLElement {
             this.runAfter.addEventListener('value-changed', this.valueUpdated);
             this.runAfter.value = this.config.runAfter;
             this.plexValidSection.appendChild(this.runAfter);
+            const styleTitle = document.createElement('h2');
+            styleTitle.innerHTML = `Style Configuration`;
+            styleTitle.style.lineHeight = '29px';
+            styleTitle.style.marginBottom = '0px';
+            styleTitle.style.marginTop = '20px';
+            this.plexValidSection.appendChild(styleTitle);
+            this.minWidth.label = 'Minimum width of the card';
+            this.minWidth.value = this.config.minWidth;
+            this.minWidth.type = 'number';
+            this.minWidth.addEventListener('change', this.valueUpdated);
+            this.plexValidSection.appendChild(this.minWidth);
             if (!lodash.isEmpty(this.livetv)) {
                 libraryItems.appendChild(addDropdownItem('Live TV', true));
                 lodash.forEach(lodash.keys(this.livetv), (livetv) => {
@@ -20556,6 +20574,9 @@ class PlexMeetsHomeAssistantEditor extends HTMLElement {
             if (lodash.isNumber(this.config.maxRows)) {
                 this.config.maxRows = `${this.config.maxRows}`;
             }
+            if (lodash.isNumber(this.config.minWidth)) {
+                this.config.minWidth = `${this.config.minWidth}`;
+            }
             this.render();
         };
         this.configChanged = (newConfig) => {
@@ -21326,6 +21347,7 @@ class PlexMeetsHomeAssistant extends HTMLElement {
         this.renderedRows = 0;
         this.renderedItems = 0;
         this.maxRenderCount = false;
+        this.minWidth = CSS_STYLE.minimumWidth;
         this.seasonContainerClickEnabled = true;
         this.looseSearch = false;
         this.movieElems = [];
@@ -21777,7 +21799,7 @@ class PlexMeetsHomeAssistant extends HTMLElement {
             if (this.card) {
                 const marginRight = 10; // needs to be equal to .container margin right
                 const areaSize = this.card.offsetWidth - parseInt(this.card.style.paddingRight, 10) - parseInt(this.card.style.paddingLeft, 10);
-                const postersInRow = Math.floor(areaSize / CSS_STYLE.minimumWidth);
+                const postersInRow = Math.floor(areaSize / this.minWidth);
                 if (areaSize > 0) {
                     CSS_STYLE.width = areaSize / postersInRow - marginRight;
                     CSS_STYLE.height = CSS_STYLE.width * CSS_STYLE.ratio;
@@ -22873,6 +22895,9 @@ class PlexMeetsHomeAssistant extends HTMLElement {
             else {
                 this.maxRows = false;
             }
+            if (config.minWidth && config.minWidth !== '' && config.minWidth !== '0' && config.minWidth !== 0) {
+                this.minWidth = config.minWidth;
+            }
             if (config.runBefore && !lodash.isEqual(config.runBefore, '')) {
                 this.runBefore = config.runBefore;
             }
diff --git a/src/editor.ts b/src/editor.ts
index 1c8b81a..178df4b 100644
--- a/src/editor.ts
+++ b/src/editor.ts
@@ -26,6 +26,8 @@ class PlexMeetsHomeAssistantEditor extends HTMLElement {
 
 	maxRows: any = document.createElement('paper-input');
 
+	minWidth: any = document.createElement('paper-input');
+
 	cardTitle: any = document.createElement('paper-input');
 
 	libraryName: any = document.createElement('paper-dropdown-menu');
@@ -129,6 +131,12 @@ class PlexMeetsHomeAssistantEditor extends HTMLElement {
 					this.config.maxRows = this.maxRows.value;
 				}
 
+				if (_.isEmpty(this.minWidth.value)) {
+					this.config.minWidth = '';
+				} else {
+					this.config.minWidth = this.minWidth.value;
+				}
+
 				if (_.isEmpty(this.cardTitle.value)) {
 					this.config.title = '';
 				} else {
@@ -539,6 +547,19 @@ class PlexMeetsHomeAssistantEditor extends HTMLElement {
 		this.runAfter.value = this.config.runAfter;
 		this.plexValidSection.appendChild(this.runAfter);
 
+		const styleTitle = document.createElement('h2');
+		styleTitle.innerHTML = `Style Configuration`;
+		styleTitle.style.lineHeight = '29px';
+		styleTitle.style.marginBottom = '0px';
+		styleTitle.style.marginTop = '20px';
+		this.plexValidSection.appendChild(styleTitle);
+
+		this.minWidth.label = 'Minimum width of the card';
+		this.minWidth.value = this.config.minWidth;
+		this.minWidth.type = 'number';
+		this.minWidth.addEventListener('change', this.valueUpdated);
+		this.plexValidSection.appendChild(this.minWidth);
+
 		if (!_.isEmpty(this.livetv)) {
 			libraryItems.appendChild(addDropdownItem('Live TV', true));
 			_.forEach(_.keys(this.livetv), (livetv: string) => {
@@ -697,6 +718,10 @@ class PlexMeetsHomeAssistantEditor extends HTMLElement {
 			this.config.maxRows = `${this.config.maxRows}`;
 		}
 
+		if (_.isNumber(this.config.minWidth)) {
+			this.config.minWidth = `${this.config.minWidth}`;
+		}
+
 		this.render();
 	};
 
diff --git a/src/plex-meets-homeassistant.ts b/src/plex-meets-homeassistant.ts
index 205a9b0..49bbc0e 100644
--- a/src/plex-meets-homeassistant.ts
+++ b/src/plex-meets-homeassistant.ts
@@ -67,6 +67,8 @@ class PlexMeetsHomeAssistant extends HTMLElement {
 
 	maxRenderCount: number | boolean = false;
 
+	minWidth: number = CSS_STYLE.minimumWidth;
+
 	seasonContainerClickEnabled = true;
 
 	showDetailsTimeout: any;
@@ -614,7 +616,7 @@ class PlexMeetsHomeAssistant extends HTMLElement {
 			const marginRight = 10; // needs to be equal to .container margin right
 			const areaSize =
 				this.card.offsetWidth - parseInt(this.card.style.paddingRight, 10) - parseInt(this.card.style.paddingLeft, 10);
-			const postersInRow = Math.floor(areaSize / CSS_STYLE.minimumWidth);
+			const postersInRow = Math.floor(areaSize / this.minWidth);
 			if (areaSize > 0) {
 				CSS_STYLE.width = areaSize / postersInRow - marginRight;
 				CSS_STYLE.height = CSS_STYLE.width * CSS_STYLE.ratio;
@@ -1812,6 +1814,11 @@ class PlexMeetsHomeAssistant extends HTMLElement {
 		} else {
 			this.maxRows = false;
 		}
+
+		if (config.minWidth && config.minWidth !== '' && config.minWidth !== '0' && config.minWidth !== 0) {
+			this.minWidth = config.minWidth;
+		}
+
 		if (config.runBefore && !_.isEqual(config.runBefore, '')) {
 			this.runBefore = config.runBefore;
 		}