diff --git a/layouts/shortcodes/collapsible.html b/layouts/shortcodes/collapsible.html
index 8c48594..e5d3442 100644
--- a/layouts/shortcodes/collapsible.html
+++ b/layouts/shortcodes/collapsible.html
@@ -1,4 +1,6 @@
+<div>
 <button type="button" class="collapsible">{{ index .Params 0 }}</button>
-<div class="content">
-  <p>{{ .Inner }}</p>
-</div> 
+<div class="collapsible-content">
+  {{ .Inner }}
+</div>
+</div>
diff --git a/static/css/custom.css b/static/css/custom.css
index 3e2992a..a3d0fe3 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -75,10 +75,11 @@
 }
 
 /* Style the collapsible content. Note: hidden by default */
-.content {
+.collapsible-content {
   padding: 0 18px;
   display: none;
   overflow: hidden;
   background-color: #f1f1f1;
+  color: black;
 }