diff --git a/public/static/css/styles.css b/public/static/css/styles.css
index 13c32e9..23f9639 100644
--- a/public/static/css/styles.css
+++ b/public/static/css/styles.css
@@ -146,8 +146,7 @@ hr{
 }
 
 .toggle{
-  height: 30px;
-  padding:1px;
+  cursor: pointer;
   margin-top:-30px;
   float:right;
 }
diff --git a/public/templates/home.html b/public/templates/home.html
index 4d256c4..4c5bdba 100644
--- a/public/templates/home.html
+++ b/public/templates/home.html
@@ -34,7 +34,7 @@
   <div class="timeline">
     {{ if .Tasks}} {{range .Tasks}}
     <div class="note">
-      <p class="noteHeading">{{.Title}}</p> <button class="toggle btn btn-primary">toggle</button>
+      <p class="noteHeading">{{.Title}}</p> <span class="toggle glyphicon glyphicon-resize-full"></span>
 
       <p class="noteContent">{{.Content}}</p>
       <span class="notefooter">