diff --git a/static/scss/style.scss b/static/scss/style.scss
index 0a0508e..99aa731 100644
--- a/static/scss/style.scss
+++ b/static/scss/style.scss
@@ -174,6 +174,7 @@ div.room-link-wrapper {
 
     &:hover a {
         color: $primary-color;
+        transition: color $transition-duration;
     }
 
     &.active {
@@ -228,6 +229,7 @@ div.message-wrapper {
         margin: 3px;
         height: 40px;
         width: 40px;
+        transition: background-color $transition-duration;
     }
 }