diff --git a/frontend/tone-teller/src/components/pages/Toneteller.js b/frontend/tone-teller/src/components/pages/Toneteller.js
index 4698624..bb6d31d 100644
--- a/frontend/tone-teller/src/components/pages/Toneteller.js
+++ b/frontend/tone-teller/src/components/pages/Toneteller.js
@@ -1,7 +1,7 @@
-export default function Toneteller() {
-  return (
-    <div className="toneteller-app">
-      <div className=""></div>
-    </div>
-  );
-}
+import React from 'react';
+import '../../App.css';
+
+export default function ToneTeller() {
+  console.log("Tone Teller page");
+  return <h1 className='sign-up'>LIKE & SUBSCRIBE</h1>;
+}
\ No newline at end of file
diff --git a/frontend/tone-teller/src/components/style/LandingContent.css b/frontend/tone-teller/src/components/style/LandingContent.css
index c9adde1..cd03b23 100644
--- a/frontend/tone-teller/src/components/style/LandingContent.css
+++ b/frontend/tone-teller/src/components/style/LandingContent.css
@@ -9,15 +9,6 @@ PADDING
     text-align: center;
 }
 
-.px-40 {
-    padding-left:40px;
-    padding-right:40px;
-}
-
-.pb-80 {
-    padding-bottom: 80px;
-}
-
 /*
 WHAT IS TONETELLER?
 */
@@ -201,6 +192,15 @@ MEET THE TEAM
     .meet-the-team-div > div {
         width: 50%;
     }
+
+    .px-40 {
+        padding-left:40px;
+        padding-right:40px;
+    }
+
+    .pb-80 {
+        padding-bottom: 80px;
+    }
 }
 
 @media screen and (min-width: 768px) {