diff --git a/code/websites/pokedex.online/src/views/ChallongeTest.vue b/code/websites/pokedex.online/src/views/ChallongeTest.vue
index 5d7f285..a2c1689 100644
--- a/code/websites/pokedex.online/src/views/ChallongeTest.vue
+++ b/code/websites/pokedex.online/src/views/ChallongeTest.vue
@@ -1023,13 +1023,19 @@ h2 {
 
 .controls-grid {
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+  grid-template-columns: 1fr;
   gap: 1.5rem;
 }
 
-@media (max-width: 768px) {
+/* Allow regular control groups (non-collapsible) to be side-by-side at wider screens */
+@media (min-width: 769px) {
   .controls-grid {
-    grid-template-columns: 1fr;
+    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+  }
+  
+  /* Force collapsible groups to always span full width */
+  .controls-grid .collapsible-group {
+    grid-column: 1 / -1;
   }
 }