diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
index f992a048ad10ed2b91340ecfb77c6fba3aa11b49..c43cbc29ecc9fc3f708d6f7afe765a183ef8f7fb 100644
--- a/app/assets/stylesheets/application.scss
+++ b/app/assets/stylesheets/application.scss
@@ -37,6 +37,7 @@ h1 {
 h3 {
 }
 
+// Do not change link color on hover
 a:hover {
   color: inherit;
 }
@@ -45,6 +46,7 @@ a:hover {
   padding-right: 20px;
 }
 
+// Ensure the heading is at the right location
 .custom-page-heading {
   font-size: 1.8rem;
   color: #414a4c;
@@ -57,7 +59,8 @@ li {
   float: none;
 }
 
-.btn{
+// Basic styles for buttons
+.btn {
   margin-left: 2px;
   margin-top: 2px;
 }
diff --git a/app/assets/stylesheets/buttons.scss b/app/assets/stylesheets/buttons.scss
index eaa03d40d75806ba93a8107a0b5b003cbd47af6e..e3128532ed51e914a0f30030cab141212e6c556e 100644
--- a/app/assets/stylesheets/buttons.scss
+++ b/app/assets/stylesheets/buttons.scss
@@ -1,17 +1,21 @@
+// Back (red) button for habits
 .habit-back-btn {
   background-color: #CD5C5C !important;
   margin-top: 15px;
   margin-left: 10px;
 }
 
+// Change button color on hover
 .habit-back-btn:hover {
   background-color: #B22222;
 }
 
+// Ensure that text inside is white
 #FBlogin {
   color: white;
 }
 
+// Color and styles for chatrooms selection
 .chat-index-button {
   background-color: #343a40;
   border-color: #343a40;
@@ -19,16 +23,19 @@
   color: #fff;
 }
 
+// Basic animation for chat buttons
 .chat-index-button:hover {
   transform: translate(10px,0);
   transition: all 1s ease-in-out;
   color: #00FFFF;
 }
 
+// Hardcode the width
  .webpush-button {
    width: 150px;
  }
 
+// Hardcode the width
  .webpush-unsubscribe-button {
    width: 150px;
  }