diff --git a/src/views/Draft.vue b/src/views/Draft.vue
index 9f94af5..3165b29 100644
--- a/src/views/Draft.vue
+++ b/src/views/Draft.vue
@@ -3,8 +3,12 @@
     <section class="playerlist">
       <b>Players</b>
     </section>
-    <section class="pool"><b>Card pool</b></section>
-    <section class="cardlist"><b>Cards</b></section>
+    <section class="pool">
+      <b>Card pool</b>
+    </section>
+    <section class="cardlist">
+      <b>Cards</b>
+    </section>
   </section>
 </template>
 
@@ -13,7 +17,7 @@
   display: grid;
   height: 100vh;
   grid-gap: 10px;
-  grid-template-columns: 200px 1fr 250px;
+  grid-template-columns: minmax(200px, 1fr) 3fr minmax(250px, 1fr);
   section {
     grid-row: 1;
     border: 1px solid #555;