diff --git a/src/Header.js b/src/Header.js
index 5dd4c86..8734dfb 100644
--- a/src/Header.js
+++ b/src/Header.js
@@ -1,14 +1,17 @@
 import React from "react";
 import "./index.css";
-import {TiWeatherSunny} from 'react-icons/ti'
+import { TiWeatherSunny } from "react-icons/ti";
 
 function Header() {
   return (
     <header>
-      <div className="container ui block header">
-      <h1 className="title">
-    GET WEATHER <span className="logo"><TiWeatherSunny/></span>
-  </h1>
+      <div className='container ui block header'>
+        <h1 className='title'>
+          GET WEATHER{" "}
+          <span className='logo'>
+            <TiWeatherSunny />
+          </span>
+        </h1>
       </div>
     </header>
   );
diff --git a/src/index.css b/src/index.css
index 5439056..cdbb8d5 100644
--- a/src/index.css
+++ b/src/index.css
@@ -48,6 +48,7 @@ a:hover {
 
 /* TYPOGRAPHY */
 .title {
+  text-align: left;
   font-size: 4rem;
   font-weight: 50px;
   padding-left: 0.6rem;