diff --git a/src/App.css b/src/App.css
index a91c687..f7ae9d7 100644
--- a/src/App.css
+++ b/src/App.css
@@ -4,7 +4,7 @@ body {
     overflow: hidden;
     margin: 0;
     padding: 0;
-    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+    font-family: 'Josefin Sans', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
     color: #15632f;
     background: rgb(255,119,119);
     background: linear-gradient(194deg, rgba(255,119,119,1) 48%, rgba(245,198,165,1) 100%);
@@ -40,7 +40,8 @@ html{
     text-align: center;
     margin: 1.5em 0;
     font-size: 3em;
-    font-weight: 700;
+    font-weight: normal;
+    font-family: 'Josefin Sans';
 }
 .form-group {
     width: 50%;
@@ -60,12 +61,13 @@ html{
     background: #fefefe;
     border-radius: 3px;
     float: left;
-    font-size: 24px;
+    font-size: 32px;
     margin: 10px 20px;
     display: flex;
     align-items: center;
     justify-content: center;
     box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
+    font-family: 'Caveat';
 }
 .form-group-item p {
     margin: 15px 0;
@@ -77,16 +79,18 @@ html{
     height: 40px;
     width: 90%;
     margin: 0 auto;
-    font-size: 20px;
+    font-size: 28px;
     border: none;
     outline: none;
     background: transparent;
     color: #852747;
+    font-family: 'Caveat';
 }
 input::placeholder {
     font-weight: 200;
+    font-size: 28px;
     letter-spacing: 1.1px;
-    font-family: cursive;
+    font-family: 'Caveat';
     color: #852747;
 }
 input:focus::placeholder {
@@ -146,4 +150,25 @@ input:focus::placeholder {
     text-align: center;
     line-height: 45px;
     cursor: pointer;
+}
+.removeIcon {
+    position: absolute;
+    right: -15px;
+    top: -15px;
+    background: red;
+    border-radius: 50%;
+    width: 40px;
+    height: 40px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    cursor: pointer;
+}
+
+.removeIcon a {
+    color: #FFF !important;
+    font-weight: 700 !important;
+    padding: 0 !important;
+    margin: 0 !important;
+    font-family: Arial, Helvetica, sans-serif;
 }
\ No newline at end of file
diff --git a/src/App.js b/src/App.js
index b05d74b..daa279a 100644
--- a/src/App.js
+++ b/src/App.js
@@ -79,13 +79,13 @@ class App extends Component {
 						<div>
 							<p>{item}</p>
 						</div>
-						<div>
+						<div className='removeIcon'>
 							<a 
 								className="clear button alert" 
 								href="javascript:void(0);"
 								onClick={() => this.handleRemoveItem(i)}
 							>
-									Remove
+								X
 							</a>
 						</div>
 					</div>