diff --git a/src/components/footer/index.js b/src/components/footer/index.js
index 78903b8..f5ee104 100644
--- a/src/components/footer/index.js
+++ b/src/components/footer/index.js
@@ -59,28 +59,28 @@ class Footer extends React.Component {
 
   render () {
     return (
-      <section id="footer">
-        <Row className="footer-container">
-          <Col md={12} className="footer-section">
+      <section id='footer'>
+        <Row className='footer-container'>
+          <Col md={12} className='footer-section'>
             <Row>
-              <Col md={12} className="mb-1">
-                <p className="section-tittle">Produced By</p>
+              <Col md={12} className='mb-1'>
+                <p className='section-tittle'>Produced By</p>
 
                 <a
                   href={siteConfig.hostUrl}
-                  target="_blank"
-                  rel="noopener noreferrer"
+                  target='_blank'
+                  rel='noopener noreferrer'
                 >
                   {siteConfig.hostText}
                 </a>
               </Col>
               <Col md={12}>
-                <p className="section-tittle">Source Code</p>
-                <FontAwesomeIcon className="" size="lg" icon={faGithub} />
+                <p className='section-tittle'>Source Code</p>
+                <FontAwesomeIcon className='' size='lg' icon={faGithub} />
                 <a
                   href={siteConfig.sourceCode}
-                  target="_blank"
-                  rel="noopener noreferrer"
+                  target='_blank'
+                  rel='noopener noreferrer'
                 >
                   Github
                 </a>
diff --git a/src/html.js b/src/html.js
index 5fa9c61..fd750b8 100644
--- a/src/html.js
+++ b/src/html.js
@@ -9,18 +9,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',
@@ -35,12 +35,12 @@ 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 */}
-        <script src="https://unpkg.com/minimal-slp-wallet" />
+        <script src='https://unpkg.com/minimal-slp-wallet' />
 
         {/* bch-message-lib */}
         {/* <script src='https://unpkg.com/bch-message-lib' /> */}
@@ -51,8 +51,8 @@ export default function HTML (props) {
         {props.preBodyComponents}
         <div>
           <div
-            key="body"
-            id="___gatsby"
+            key='body'
+            id='___gatsby'
             dangerouslySetInnerHTML={{ __html: props.body }}
           />
         </div>
