diff --git a/html/decode.html b/html/decode.html
index 14bf840..e61266c 100644
--- a/html/decode.html
+++ b/html/decode.html
@@ -14,17 +14,18 @@
   <body>
     <main>
       <noscript>
-        <article style="backgroundColor:#F08080">
+        <article style="background-color:#F08080;margin:2em">
+          <img src="img/error.svg" style="width:1em" alt="">
           This site's functionality is implemented in WebAssembly, and requires Javascript.
         </article>
       </noscript>
     <nav>
       <ul>
         <li><h1>PSSH box decoder</h1></li>
-        <li><img src="img/beta.svg" style="width:2em">
+        <li><img src="img/beta.svg" style="width:2em;position:relative;top:-3ex;" alt="">
       </ul>
       <ul>
-        <li><img src="img/anvil.svg" style="width:1em"> <a href="generate.html">Generate Widevine PSSH</a></li> |
+        <li><img src="img/anvil.svg" style="width:1em" alt=""> <a href="generate.html">Generate Widevine PSSH</a></li> |
         <li><a href="fetch-init.html">Fetch init segment</a></li>
       </ul>
     </nav>
diff --git a/html/fetch-init.html b/html/fetch-init.html
index e20041d..69667db 100644
--- a/html/fetch-init.html
+++ b/html/fetch-init.html
@@ -13,18 +13,19 @@
   <body>
     <main>
       <noscript>
-        <article style="backgroundColor:#F08080">
+        <article style="background-color:#F08080;margin:2em">
+          <img src="img/error.svg" style="width:1em" alt="">
           This site's functionality is implemented in WebAssembly, and requires Javascript.
         </article>
       </noscript>
     <nav>
       <ul>
         <li><h1>Fetch PSSH data</h1></li>
-        <li><img src="img/beta.svg" style="width:2em;vertical-align:top">
+        <li><img src="img/beta.svg" style="width:2em;position:relative;top:-3ex;" alt="">
       </ul>
       <ul>
         <li><a href="decode.html">Decode PSSH</a></li> |
-        <li><img src="img/anvil.svg" style="width:1em"> <a href="generate.html">Generate Widevine PSSH</a></li>
+        <li><img src="img/anvil.svg" style="width:1em" alt=""> <a href="generate.html">Generate Widevine PSSH</a></li>
       </ul>
     </nav>
      <form>
@@ -40,7 +41,10 @@
     <div id="output" style="margin-top:2em;padding:1em"></div>
 
     <p style="margin-top:2em">This tool fetches an initialization segment from a web server (an MP4
-    fragment), extracts any DRM initialization data (PSSH boxes) and decodes them. Here is a
+    fragment), extracts any DRM initialization data (PSSH boxes) and decodes and prints them. Please
+    note that the initialization segment is fetched using your own web browser.
+
+    <p>Here is a
     <a href="https://m.dtv.fi/dash/dasherh264v3/drm/a1/i.mp4">sample URL</a> for testing.
 
     <p><strong>Privacy</strong>: this tool is implemented in WebAssembly and runs locally in your
diff --git a/html/generate.html b/html/generate.html
index 420539b..1abeaf6 100644
--- a/html/generate.html
+++ b/html/generate.html
@@ -10,18 +10,24 @@
       crossorigin="anonymous" referrerpolicy="no-referrer" />
     <link rel="icon" href="data:," />
     <meta name="description" content="Generate a Widevine PSSH box directly in your browser (WASM)." />
+    <style>
+    body {
+      font-size:15px;
+    }
+    </style>
   </head>
   <body>
     <main>
       <noscript>
-        <article style="backgroundColor:#F08080">
+        <article style="background-color:#F08080;margin:2em">
+          <img src="img/error.svg" style="width:1em" alt="">
           This site's functionality is implemented in WebAssembly, and requires Javascript.
         </article>
       </noscript>
       <nav>
         <ul>
-          <li><h1>PSSH box generator</h1></li>
-          <li><img src="img/beta.svg" style="width:2em">
+          <li><h1><img src="img/anvil.svg" style="width:1em" alt=""> PSSH box generator</h1></li>
+          <li><img src="img/beta.svg" style="width:2em;position:relative;top:-3ex;" alt="">
         </ul>
         <ul>
           <li><a href="decode.html">Decode PSSH</a></li> |
diff --git a/html/img/beta.svg b/html/img/beta.svg
index fc8e6fb..4dd93db 100644
--- a/html/img/beta.svg
+++ b/html/img/beta.svg
@@ -1 +1,25 @@
-<svg version="1.1" class="has-solid " viewBox="0 0 36 36" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" focusable="false" role="img" width="32" height="32" fill="currentColor"><path d="M7.21,14.07h3a1.61,1.61,0,0,1,1.81,1.5,1.44,1.44,0,0,1-.84,1.34,1.67,1.67,0,0,1,1.1,1.53,1.75,1.75,0,0,1-2,1.63H7.21Zm2.71,2.42c.48,0,.82-.28.82-.67s-.34-.65-.82-.65H8.49v1.32Zm.2,2.48a.75.75,0,1,0,0-1.47H8.49V19Z" class="clr-i-outline clr-i-outline-path-1"/><path d="M14.55,15.23v1.2h3v1.16h-3v1.32h3.33v1.16H13.26v-6h4.62v1.16Z" class="clr-i-outline clr-i-outline-path-2"/><path d="M20.41,15.23H18.54V14.07h5v1.16H21.7v4.84H20.41Z" class="clr-i-outline clr-i-outline-path-3"/><path d="M28,19.12H25.32l-.38.95H23.5l2.44-6h1.44l2.45,6H28.38ZM27.55,18l-.89-2.19L25.77,18Z" class="clr-i-outline clr-i-outline-path-4"/><path d="M8.06,30a.84.84,0,0,1-.38-.08A1,1,0,0,1,7.06,29V25h-4a1,1,0,0,1-1-1V10a1,1,0,0,1,1-1h30a1,1,0,0,1,1,1V24a1,1,0,0,1-1,1H13.48L8.77,29.71A1,1,0,0,1,8.06,30Zm-4-7h4a1,1,0,0,1,1,1v2.59l3.3-3.3a1,1,0,0,1,.7-.29h19V11h-28Z" class="clr-i-outline clr-i-outline-path-5"/><path d="M10.4,17.5c-0.1,0-0.2,0-0.3,0H8.5V19l1.6,0c0.4,0.1,0.8-0.2,0.9-0.6C11.1,18,10.8,17.6,10.4,17.5z" class="clr-i-solid clr-i-solid-path-2" style="display:none"/><path d="M10.7,15.8c0-0.4-0.3-0.7-0.8-0.7H8.5v1.3h1.4C10.4,16.5,10.7,16.2,10.7,15.8z" class="clr-i-solid clr-i-solid-path-3" style="display:none"/><path d="M33.1,9h-30c-0.6,0-1,0.4-1,1v14c0,0.6,0.4,1,1,1h4v4c0,0.4,0.2,0.8,0.6,0.9C7.8,30,7.9,30,8.1,30c0.3,0,0.5-0.1,0.7-0.3&#xA;&#x9;&#x9;l4.7-4.7h19.6c0.6,0,1-0.4,1-1V10C34.1,9.4,33.6,9,33.1,9z M10.4,20.1c-0.1,0-0.1,0-0.2,0H7.2v-6h3c0.9-0.1,1.7,0.5,1.8,1.4&#xA;&#x9;&#x9;c0,0,0,0.1,0,0.1c0,0.6-0.3,1.1-0.8,1.3c0.6,0.2,1.1,0.8,1.1,1.5C12.2,19.4,11.4,20.1,10.4,20.1z M17.9,15.2h-3.3v1.2h3v1.2h-3v1.3&#xA;&#x9;&#x9;h3.3v1.2h-4.6v-6h4.6V15.2z M21.7,20.1h-1.3v-4.8h-1.9v-1.2h5v1.2h-1.8V20.1z M28.4,20.1l-0.4-1h-2.7l-0.4,1h-1.4l2.4-6h1.4l2.5,6&#xA;&#x9;&#x9;H28.4z" class="clr-i-solid clr-i-solid-path-4" style="display:none"/><polygon points="25.8,18 27.5,18 26.7,15.8" class="clr-i-solid clr-i-solid-path-1" style="display:none"/></svg>
\ No newline at end of file
+<svg version="1.1" class="has-solid " viewBox="0 0 36 36" preserveAspectRatio="xMidYMid meet"
+     fill="#000000"
+     xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" focusable="false"
+     role="img" width="32" height="32"><path
+     d="M7.21,14.07h3a1.61,1.61,0,0,1,1.81,1.5,1.44,1.44,0,0,1-.84,1.34,1.67,1.67,0,0,1,1.1,1.53,1.75,1.75,0,0,1-2,1.63H7.21Zm2.71,2.42c.48,0,.82-.28.82-.67s-.34-.65-.82-.65H8.49v1.32Zm.2,2.48a.75.75,0,1,0,0-1.47H8.49V19Z"
+     class="clr-i-outline clr-i-outline-path-1"/><path
+     d="M14.55,15.23v1.2h3v1.16h-3v1.32h3.33v1.16H13.26v-6h4.62v1.16Z" class="clr-i-outline
+     clr-i-outline-path-2"/><path d="M20.41,15.23H18.54V14.07h5v1.16H21.7v4.84H20.41Z"
+     class="clr-i-outline clr-i-outline-path-3"/><path
+     d="M28,19.12H25.32l-.38.95H23.5l2.44-6h1.44l2.45,6H28.38ZM27.55,18l-.89-2.19L25.77,18Z"
+     class="clr-i-outline clr-i-outline-path-4"/><path
+     d="M8.06,30a.84.84,0,0,1-.38-.08A1,1,0,0,1,7.06,29V25h-4a1,1,0,0,1-1-1V10a1,1,0,0,1,1-1h30a1,1,0,0,1,1,1V24a1,1,0,0,1-1,1H13.48L8.77,29.71A1,1,0,0,1,8.06,30Zm-4-7h4a1,1,0,0,1,1,1v2.59l3.3-3.3a1,1,0,0,1,.7-.29h19V11h-28Z"
+     class="clr-i-outline clr-i-outline-path-5"/><path
+     d="M10.4,17.5c-0.1,0-0.2,0-0.3,0H8.5V19l1.6,0c0.4,0.1,0.8-0.2,0.9-0.6C11.1,18,10.8,17.6,10.4,17.5z"
+     class="clr-i-solid clr-i-solid-path-2" style="display:none"/><path
+     d="M10.7,15.8c0-0.4-0.3-0.7-0.8-0.7H8.5v1.3h1.4C10.4,16.5,10.7,16.2,10.7,15.8z"
+     class="clr-i-solid clr-i-solid-path-3" style="display:none"/><path
+     d="M33.1,9h-30c-0.6,0-1,0.4-1,1v14c0,0.6,0.4,1,1,1h4v4c0,0.4,0.2,0.8,0.6,0.9C7.8,30,7.9,30,8.1,30c0.3,0,0.5-0.1,0.7-0.3&#xA;&#x9;&#x9;l4.7-4.7h19.6c0.6,0,1-0.4,1-1V10C34.1,9.4,33.6,9,33.1,9z
+     M10.4,20.1c-0.1,0-0.1,0-0.2,0H7.2v-6h3c0.9-0.1,1.7,0.5,1.8,1.4&#xA;&#x9;&#x9;c0,0,0,0.1,0,0.1c0,0.6-0.3,1.1-0.8,1.3c0.6,0.2,1.1,0.8,1.1,1.5C12.2,19.4,11.4,20.1,10.4,20.1z
+     M17.9,15.2h-3.3v1.2h3v1.2h-3v1.3&#xA;&#x9;&#x9;h3.3v1.2h-4.6v-6h4.6V15.2z
+     M21.7,20.1h-1.3v-4.8h-1.9v-1.2h5v1.2h-1.8V20.1z
+     M28.4,20.1l-0.4-1h-2.7l-0.4,1h-1.4l2.4-6h1.4l2.5,6&#xA;&#x9;&#x9;H28.4z" class="clr-i-solid
+     clr-i-solid-path-4" style="display:none"/><polygon points="25.8,18 27.5,18 26.7,15.8"
+     class="clr-i-solid clr-i-solid-path-1" style="display:none"/>
+</svg>
diff --git a/html/index.html b/html/index.html
index 6528887..510a884 100644
--- a/html/index.html
+++ b/html/index.html
@@ -9,8 +9,7 @@
       integrity="sha512-eoG3B3AJGSRXIEn/4X2/QrbAXRM1Bp+JNA4QKVdLAwno9AOv56TZo07rojZK4NHiMigWAMFM2YkZv986MsGwkg=="
       crossorigin="anonymous" referrerpolicy="no-referrer" />
     <link rel="icon" href="data:," />
-    <meta name="description" content="WASM tools to decode, generate and fetch PSSH boxes in your browser."
-    />
+    <meta name="description" content="WASM tools to decode, generate and fetch PSSH boxes in your browser." />
     <style>
     body {
       font-size:16px;
@@ -21,14 +20,14 @@
     <main>
       <noscript>
         <article style="background-color:#F08080;margin:2em">
-          <img src="img/error.svg" style="width:1em">
+          <img src="img/error.svg" style="width:1em" alt="">
           This site's functionality is implemented in WebAssembly, and requires Javascript.
         </article>
       </noscript>
       <nav>
         <ul>
           <li><h1>PSSH box tools</h1></li>
-          <li><img src="img/beta.svg" style="width:2em">
+          <li><img src="img/beta.svg" style="width:2em;position:relative;top:-3ex;" alt="">
         </ul>
       </nav>
 
