diff --git a/src/html.js b/src/html.js
index 579acce..debc538 100644
--- a/src/html.js
+++ b/src/html.js
@@ -8,18 +8,18 @@ export default function HTML (props) {
   return (
     <html {...props.htmlAttributes}>
       <head>
-        <meta charSet="utf-8" />
-        <meta httpEquiv="x-ua-compatible" content="ie=edge" />
+        <meta charSet='utf-8' />
+        <meta httpEquiv='x-ua-compatible' content='ie=edge' />
         <meta
-          name="viewport"
-          content="width=device-width, initial-scale=1, shrink-to-fit=no"
+          name='viewport'
+          content='width=device-width, initial-scale=1, shrink-to-fit=no'
         />
 
         {/* Loading animation should be loaded very first thing. */}
         <div
-          className="test"
-          key="loader"
-          id="___loader"
+          className='test'
+          key='loader'
+          id='___loader'
           style={{
             alignItems: 'center',
             backgroundColor: '#F2F2F2',
@@ -34,23 +34,23 @@ export default function HTML (props) {
             flexDirection: 'column'
           }}
         >
-          <img src="https://i.imgur.com/8n8PYAi.gif" alt="" width="250" />
+          <img src='https://i.imgur.com/8n8PYAi.gif' alt='' width='250' />
           Loading...
         </div>
 
         {/* minimal-slp-wallet-web */}
-        <script src="https://unpkg.com/minimal-slp-wallet-web" />
+        <script src='https://unpkg.com/minimal-slp-wallet-web' />
 
         {/* bch-token-sweep */}
-        <script src="https://unpkg.com/bch-token-sweep" />
+        <script src='https://unpkg.com/bch-token-sweep' />
 
         {props.headComponents}
       </head>
       <body {...props.bodyAttributes}>
         {props.preBodyComponents}
         <div
-          key="body"
-          id="___gatsby"
+          key='body'
+          id='___gatsby'
           dangerouslySetInnerHTML={{ __html: props.body }}
         />
         {props.postBodyComponents}
