diff --git a/src/theme/NotFound/Content/index.js b/src/theme/NotFound/Content/index.js
index 0c66f9f9e6..a05ad61174 100644
--- a/src/theme/NotFound/Content/index.js
+++ b/src/theme/NotFound/Content/index.js
@@ -2,9 +2,9 @@ import React from 'react';
 import clsx from 'clsx';
 import Translate from '@docusaurus/Translate';
 import Heading from '@theme/Heading';
-export default function NotFoundContent({className}) {
+export default function NotFoundContent({ className }) {
   return (
-    <main className={clsx('container margin-vert--xl', className)}>
+    <main className={ clsx('container margin-vert--xl', className) }>
       <div className="row">
         <div className="col col--6 col--offset-3">
           <Heading as="h1" className="hero__title">
diff --git a/src/theme/NotFound/index.js b/src/theme/NotFound/index.js
index 3b551f9e45..936b6697ce 100644
--- a/src/theme/NotFound/index.js
+++ b/src/theme/NotFound/index.js
@@ -1,16 +1,16 @@
 import React from 'react';
-import {translate} from '@docusaurus/Translate';
-import {PageMetadata} from '@docusaurus/theme-common';
+import { translate } from '@docusaurus/Translate';
+import { PageMetadata } from '@docusaurus/theme-common';
 import Layout from '@theme/Layout';
 import NotFoundContent from '@theme/NotFound/Content';
 export default function Index() {
   const title = translate({
     id: 'theme.NotFound.title',
     message: 'Page Not Found',
-  });
+  } );
   return (
     <>
-      <PageMetadata title={title} />
+      <PageMetadata title={ title } />
       <Layout>
         <NotFoundContent />
       </Layout>