From 2cc2cd4742801489ccabd9d6c6061a743cf0faa4 Mon Sep 17 00:00:00 2001
From: Mohammed Hamdoune <sidlynx@gmail.com>
Date: Fri, 15 Nov 2024 10:34:43 +0100
Subject: [PATCH] fix(pci-common): shapes input dynamic columns count

Signed-off-by: Mohammed Hamdoune <sidlynx@gmail.com>
---
 .../src/components/shape-input/ShapeInput.component.tsx      | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/manager/modules/manager-pci-common/src/components/shape-input/ShapeInput.component.tsx b/packages/manager/modules/manager-pci-common/src/components/shape-input/ShapeInput.component.tsx
index 80e4b5e6ccfb..27c6811f06aa 100644
--- a/packages/manager/modules/manager-pci-common/src/components/shape-input/ShapeInput.component.tsx
+++ b/packages/manager/modules/manager-pci-common/src/components/shape-input/ShapeInput.component.tsx
@@ -264,7 +264,10 @@ export const ShapesInputComponent = function ShapesInputComponent<T>({
             )}
           >
             <ul
-              className={`list-none grid grid-cols-${columnsCount} gap-6 m-0 p-4`}
+              className="list-none grid gap-6 m-0 p-4"
+              style={{
+                gridTemplateColumns: `repeat(${columnsCount}, minmax(0, 1fr))`,
+              }}
             >
               {[...stackHandler.itemsMap.keys()].map((stackKey) => (
                 <li key={stackKey}>