diff --git a/client/src/components/helpers/ButtonSpacer.js b/client/src/components/helpers/button-spacer.tsx
similarity index 81%
rename from client/src/components/helpers/ButtonSpacer.js
rename to client/src/components/helpers/button-spacer.tsx
index 8ac663d857..9813d0b823 100644
--- a/client/src/components/helpers/ButtonSpacer.js
+++ b/client/src/components/helpers/button-spacer.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 
-function ButtonSpacer() {
+function ButtonSpacer(): JSX.Element {
   return <div className='button-spacer' style={{ padding: '5px 0' }} />;
 }
 
diff --git a/client/src/components/helpers/index.js b/client/src/components/helpers/index.js
index 6bc646dc54..02993b63ae 100644
--- a/client/src/components/helpers/index.js
+++ b/client/src/components/helpers/index.js
@@ -1,4 +1,4 @@
-export { default as ButtonSpacer } from './ButtonSpacer';
+export { default as ButtonSpacer } from './button-spacer';
 export { default as FullWidthRow } from './full-width-row';
 export { default as SlimWidthRow } from './slim-width-row';
 export { default as Loader } from './loader';
diff --git a/client/src/templates/Introduction/Intro.js b/client/src/templates/Introduction/Intro.js
index 1406a28978..3c750bfecc 100644
--- a/client/src/templates/Introduction/Intro.js
+++ b/client/src/templates/Introduction/Intro.js
@@ -7,7 +7,7 @@ import { useTranslation } from 'react-i18next';
 
 import LearnLayout from '../../components/layouts/Learn';
 import FullWidthRow from '../../components/helpers/full-width-row';
-import ButtonSpacer from '../../components/helpers/ButtonSpacer';
+import ButtonSpacer from '../../components/helpers/button-spacer';
 import { MarkdownRemark, AllChallengeNode } from '../../redux/prop-types';
 
 import './intro.css';