diff --git a/aleksis/apps/chronos/frontend/components/substitutions/SubstitutionCard.vue b/aleksis/apps/chronos/frontend/components/substitutions/SubstitutionCard.vue
index e596a181a5a027844a73096501addfaea0ed9a56..0ce39304e48b036e64bb3695c695566682bb33ad 100644
--- a/aleksis/apps/chronos/frontend/components/substitutions/SubstitutionCard.vue
+++ b/aleksis/apps/chronos/frontend/components/substitutions/SubstitutionCard.vue
@@ -133,7 +133,7 @@ export default {
 <style scoped>
 .main-body {
   display: grid;
-  grid-template-columns: repeat(4, 1fr);
+  grid-template-columns: 1fr 1fr 2fr 1fr;
   gap: 1em;
 }
 .vertical {