diff --git a/demo.css b/demo.css
index 0dc7aa4..a1083ba 100644
--- a/demo.css
+++ b/demo.css
@@ -1,5 +1,6 @@
 * {
   box-sizing: border-box;
+  font-family: 'Mulish', 'Helvetica Neue', Helvetica, Arial, sans-serif;
   margin: 0;
   padding: 0;
 }
@@ -9,7 +10,7 @@ body {
   height: 100vh;
 }
 nav {
-  width: 300px;
+  width: 320px;
   overflow-y: auto;
   padding: 10px;
 }
@@ -21,6 +22,7 @@ h2 {
 }
 p {
   margin: 10px 0;
+  width: 300px;
 }
 #welcome {
   align-items: center;
diff --git a/index.html b/index.html
index 9c061f9..e6d0e32 100644
--- a/index.html
+++ b/index.html
@@ -4,13 +4,14 @@
     <meta charset="UTF-8">
     <title>hyparquet parquet file parser</title>
     <link rel="stylesheet" href="demo.css">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Mulish:wght@400;600&display=swap"/>
   </head>
   <body>
     <nav>
       <h1>hyparquet</h1>
       <h2>parquet file reader</h2>
       <p>
-        This is a simple online demo of the <a href="https://github.com/hyparam/hyparquet">hyparquet</a> parser for apache parquet files.
+        This is a online demo of <a href="https://github.com/hyparam/hyparquet">hyparquet</a>: a parser for apache parquet files.
       </p>
       <p>
         Drag and drop a parquet file onto the dropzone to see parquet data.
