From f611bfe3a8de86f2bf6677a6252db36383360ca6 Mon Sep 17 00:00:00 2001
From: Azri Kahar <42867097+azrikahar@users.noreply.github.com>
Date: Sat, 6 Aug 2022 04:49:21 +0800
Subject: [PATCH] fix checkboxes and radio buttons overflow (#14841)

---
 .../select-multiple-checkbox/select-multiple-checkbox.vue       | 2 +-
 app/src/interfaces/select-radio/select-radio.vue                | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/src/interfaces/select-multiple-checkbox/select-multiple-checkbox.vue b/app/src/interfaces/select-multiple-checkbox/select-multiple-checkbox.vue
index f60e0b4d38..244165e1a2 100644
--- a/app/src/interfaces/select-multiple-checkbox/select-multiple-checkbox.vue
+++ b/app/src/interfaces/select-multiple-checkbox/select-multiple-checkbox.vue
@@ -172,7 +172,7 @@ export default defineComponent({
 
 	display: grid;
 	grid-gap: 12px 32px;
-	grid-template-columns: repeat(var(--columns), 1fr);
+	grid-template-columns: repeat(var(--columns), minmax(0, 1fr));
 }
 
 .grid-2 {
diff --git a/app/src/interfaces/select-radio/select-radio.vue b/app/src/interfaces/select-radio/select-radio.vue
index 235544dac4..690716a212 100644
--- a/app/src/interfaces/select-radio/select-radio.vue
+++ b/app/src/interfaces/select-radio/select-radio.vue
@@ -126,7 +126,7 @@ export default defineComponent({
 
 	display: grid;
 	grid-gap: 12px 32px;
-	grid-template-columns: repeat(var(--columns), 1fr);
+	grid-template-columns: repeat(var(--columns), minmax(0, 1fr));
 }
 
 .grid-2 {