diff --git a/app/assets/stylesheets/base.css.erb b/app/assets/stylesheets/base.scss.erb
similarity index 98%
rename from app/assets/stylesheets/base.css.erb
rename to app/assets/stylesheets/base.scss.erb
index 0136ace7..283e1db0 100644
--- a/app/assets/stylesheets/base.css.erb
+++ b/app/assets/stylesheets/base.scss.erb
@@ -138,20 +138,34 @@
   resize: none;
 }
 
-.CardOnGraph .desc h3 {
-  font-style:normal;
-  margin-top:5px;
+/*
+ * Styling for Markdown in topic cards
+ */
+
+.CardOnGraph .desc {
+  p, ol, ul {
+    padding: 0.15em 0;
+  }
+
+  h1, h2, h3, h4, h5, h6 {
+    font-style: normal;
+    padding: 0.25em 0;
+  }
+
+  ol,
+  ul {
+    margin-left: 1em;
+  }
+
+  a:hover {
+    text-decoration: underline;
+    opacity: 0.9;
+  }
 }
 
-.CardOnGraph .desc ol,
-.CardOnGraph .desc ul {
-  margin-left: 1em;
-
-}
-.CardOnGraph .desc a:hover {
-  text-decoration: underline;
-  opacity: 0.9;
-}
+/*
+ * End Markdown styling
+ */
 
 .CardOnGraph .best_in_place_desc {
   display:block;