diff --git a/src/App.scss b/src/App.scss
index b6a005b5..29430716 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -77,7 +77,7 @@
 @import 'scss/components/review-header';
 @import 'scss/components/review-nav';
 @import 'scss/components/review-submission';
-@import 'scss/components/subtitle';
+@import 'scss/components/site-subtitle';
 @import 'scss/components/location-new';
 @import 'scss/components/location-select';
 
diff --git a/src/components/HomeHeader.tsx b/src/components/HomeHeader.tsx
index 57359a4e..028d603d 100644
--- a/src/components/HomeHeader.tsx
+++ b/src/components/HomeHeader.tsx
@@ -1,11 +1,11 @@
 import { Link } from 'react-router-dom';
-import Subtitle from './Subtitle';
+import SiteSubtitle from './SiteSubtitle';
 import LocationMenu from './LocationMenu';
 
 function HomeHeader({ uniqueCities }: { uniqueCities: string[] }) {
   return (
     <div className="home-header">
-      <Subtitle />
+      <SiteSubtitle />
 
       <LocationMenu uniqueCities={uniqueCities} />
 
diff --git a/src/components/SiteSubtitle.tsx b/src/components/SiteSubtitle.tsx
new file mode 100644
index 00000000..7b96eaef
--- /dev/null
+++ b/src/components/SiteSubtitle.tsx
@@ -0,0 +1,5 @@
+function SiteSubtitle() {
+  return <p className="site-subtitle">Food reviews and restaurant ratings</p>;
+}
+
+export default SiteSubtitle;
diff --git a/src/components/Subtitle.tsx b/src/components/Subtitle.tsx
deleted file mode 100644
index 89fd5f42..00000000
--- a/src/components/Subtitle.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-function Subtitle() {
-  return (
-    <p className="subtitle">
-      sparkboxers review food and
-      <br />
-      drink places so you can eat right
-    </p>
-  );
-}
-
-export default Subtitle;
diff --git a/src/scss/components/_subtitle.scss b/src/scss/components/_site-subtitle.scss
similarity index 94%
rename from src/scss/components/_subtitle.scss
rename to src/scss/components/_site-subtitle.scss
index ffed86ca..2a632d42 100644
--- a/src/scss/components/_subtitle.scss
+++ b/src/scss/components/_site-subtitle.scss
@@ -1,4 +1,4 @@
-.subtitle {
+.site-subtitle {
   font-family: $oswald-stack;
   font-size: 2rem;
   font-weight: $oswald-bold;