diff --git a/index.html b/index.html
index e7437df..99025cd 100644
--- a/index.html
+++ b/index.html
@@ -1,6 +1,11 @@
 <!DOCTYPE html>
 <meta charset="utf-8">
 <title>Mythic Symbolic</title>
+<style>
+html, body {
+  font-family: "Calibri", "Arial", "Helvetica Neue", sans-serif;
+}
+</style>
 <noscript>
   <p>Alas, you need JavaScript to peruse this page.</p>
 </noscript>
diff --git a/lib/browser-main.tsx b/lib/browser-main.tsx
index cb45c27..946bce4 100644
--- a/lib/browser-main.tsx
+++ b/lib/browser-main.tsx
@@ -68,9 +68,19 @@ const App: React.FC<{}> = () => {
         <div
           style={{
             display: "inline-block",
+            border: "1px solid black",
+            margin: "4px",
           }}
         >
-          <h2>{symbolData.name}</h2>
+          <div
+            style={{
+              backgroundColor: "black",
+              color: "white",
+              padding: "4px",
+            }}
+          >
+            {symbolData.name}
+          </div>
           <SvgSymbol
             data={symbolData}
             scale={0.25}
