diff --git a/src/pages/index.js b/src/pages/index.js
index ed57682e..75751573 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -2,6 +2,7 @@ import React, {useEffect, useState} from 'react';
 import clsx from 'clsx';
 import Layout from '@theme/Layout';
 import Link from '@docusaurus/Link';
+import CodeBlock from '@theme/CodeBlock';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import useBaseUrl from '@docusaurus/useBaseUrl';
 import styles from './styles.module.css';
@@ -237,9 +238,9 @@ export default function Home() {
         <div className="container">
           <h1 className="hero__title">Start building lightweight apps!</h1>
           <p className="hero__subtitle">
-            <code className={styles.code}>
+            <CodeBlock className={styles.code} language="bash">
               npm install -g @neutralinojs/neu
-            </code>
+            </CodeBlock>
           </p>
         </div>
       </div>
diff --git a/src/pages/styles.module.css b/src/pages/styles.module.css
index aa4d857b..4fe6778e 100644
--- a/src/pages/styles.module.css
+++ b/src/pages/styles.module.css
@@ -52,5 +52,6 @@
 }
 
 .code {
-  color: rgb(40, 40, 40);
+  margin-top: 1.5rem;
+  display: inline-block;
 }