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 {