diff --git a/app/coffee/modules/issues/detail.coffee b/app/coffee/modules/issues/detail.coffee
index 6dffc927..09a6f1cf 100644
--- a/app/coffee/modules/issues/detail.coffee
+++ b/app/coffee/modules/issues/detail.coffee
@@ -161,6 +161,10 @@ IssueDirective = ($tgrepo, $log, $location, $confirm) ->
             $tgrepo.save($scope.issue).then ->
                 $ctrl.loadHistory()
 
+        $el.on "focus", ".add-comment textarea", (event) ->
+            $(this).addClass('active')
+
+
         $el.on "click", ".us-activity-tabs li a", (event) ->
             $el.find(".us-activity-tabs li a").toggleClass("active")
             $el.find(".us-activity section").toggleClass("hidden")
diff --git a/app/styles/modules/comments.scss b/app/styles/modules/comments.scss
index 99cd1688..46b6d5e0 100644
--- a/app/styles/modules/comments.scss
+++ b/app/styles/modules/comments.scss
@@ -1,18 +1,15 @@
 .add-comment {
     @include clearfix;
     textarea {
-        @include transition(height .3s ease-in);
-        // &:focus {
-        //     @include transition(height .3s ease-in);
-        //     height: 6rem;
-        //     +a {
-        //         display: inline-block;
-        //     }
-        // }
+        float: left;
+        margin-bottom: .5rem;
+        &.active {
+            @include transition(height .3s ease-in);
+            height: 6rem;
+        }
     }
     a {
         color: $white;
-        // display: none;
         display: inline-block;
         float: right;
     }