diff --git a/css/styles.css b/css/styles.css
index 6ebed83..11597de 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -11,3 +11,9 @@ html {
 .blurry {
   backdrop-filter: blur(7px) !important;
 }
+pre code {
+  background-color: #eee;
+  border: 1px solid #999;
+  display: block;
+  padding: 20px;
+}
diff --git a/index.php b/index.php
index 2137fe2..020a7d3 100644
--- a/index.php
+++ b/index.php
@@ -59,7 +59,7 @@
                     <div class="card-content grey lighten-4 black-text">
                         <div id="'.$name.'h2p">'.$howtoplay.'</div>
                         <div id="'.$name.'pbw">'.$playsbestwith.'</div>
-                        <div id="'.$name.'convars"><code>'.$convars.'</code></div>
+                        <div id="'.$name.'convars"><pre><code>'.$convars.'</code></pre></div>
                         <div id="'.$name.'credits">Main Creator: <a href="'.$authorurl.'">'.$author.'</a><br>'.$ctext.'</div>
                     </div>
                 </div>