diff --git a/src/templates/Exploritory.html b/src/templates/Exploritory.html
index 4ffd3b3..3475ace 100644
--- a/src/templates/Exploritory.html
+++ b/src/templates/Exploritory.html
@@ -14,7 +14,9 @@
         <div id="bottom-image" style='min-height: 1200px'>
         <div id="middle-image" style='min-height: 1200px'>
         <div id="top-image" style='min-height: 1200px'>
-        <div class='notebook-container' style='float:center; max-width: 800px; margin-left:auto; margin-right:auto; background-color:white' >
+        <div class='notebook-container' style='float:center; max-width: 800px; margin-left:auto; margin-right:auto; background-color:white; color:black; padding:10px;' >
+            
+            <div id='buttons' style='color:black'></div>
             {{ body | safe }}
             <div id="disqus_thread"></div>
         </div>
@@ -22,7 +24,8 @@
         </div>
         </div>
     <script>
-var button_html = '<button id="output-html-btn">toggle tables</button> <button id="show-code-btn">toggle code</button>'
+
+var button_html = '<button id="output-html-btn">toggle data tables</button> <button id="show-code-btn">toggle code</button>'
 
 $('#buttons').html(button_html)
 $('.prompt').hide()