diff --git a/src/Header.js b/src/Header.js
index 3f76bb2..e4bbb1c 100644
--- a/src/Header.js
+++ b/src/Header.js
@@ -5,7 +5,7 @@ function Header() {
   return (
     <header>
       <div className="container ui block header">
-        <h1 className="tittle">GET WEATHER <span role="img" aria-labelledby="weather">💨</span></h1>
+        <h1 className="title">GET WEATHER <span role="img" aria-labelledby="weather">💨</span></h1>
       </div>
     </header>
   );
diff --git a/src/index.css b/src/index.css
index aeb395f..ab64a07 100644
--- a/src/index.css
+++ b/src/index.css
@@ -43,10 +43,10 @@ a:hover {
 }
 
 /* TYPOGRAPHY */
-.tittle {
+.title {
   font-size: 2.5rem;
   font-weight: 20px;
-  padding-left: 7rem;
+  padding-left: 0.6rem;
 }
 
 h2 {