diff --git a/__tests__/pages/index.spec.tsx b/__tests__/pages/index.spec.tsx
index 63b01f3e..e0ed7c07 100644
--- a/__tests__/pages/index.spec.tsx
+++ b/__tests__/pages/index.spec.tsx
@@ -8,7 +8,6 @@ test('renders index page', () => {
       <Index />
     </StyledApp>
   );
-  const helloWorldElement = getByText('Hello, world!');
 
-  expect(helloWorldElement).toBeInTheDocument();
+  expect(getByText('Hello, world!')).toBeInTheDocument();
 });
diff --git a/pages/index.tsx b/pages/index.tsx
index 93c38c98..5acb2422 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -1,11 +1,5 @@
 import type { ReactElement } from 'react';
-import styled from 'styled-components';
-
-const Title = styled.h1`
-  color: ${({ theme }) => theme.colors.primary};
-  font-size: 50px;
-  text-align: center;
-`;
+import Title from 'styles/generic/Title';
 
 export default function Home(): ReactElement {
   return <Title>Hello, world!</Title>;
diff --git a/styles/generic/Title.tsx b/styles/generic/Title.tsx
new file mode 100644
index 00000000..00d9f06e
--- /dev/null
+++ b/styles/generic/Title.tsx
@@ -0,0 +1,9 @@
+import styled from 'styled-components';
+
+const Title = styled.h1`
+  color: ${({ theme }) => theme.colors.primary};
+  font-size: 50px;
+  text-align: center;
+`;
+
+export default Title;