diff --git a/web/components/answers/answers-panel.tsx b/web/components/answers/answers-panel.tsx
index b06be4b8..e7fe5753 100644
--- a/web/components/answers/answers-panel.tsx
+++ b/web/components/answers/answers-panel.tsx
@@ -32,6 +32,8 @@ import { useChartAnswers } from '../charts/contract/choice'
 import { ChatAlt2Icon, ChatAltIcon } from '@heroicons/react/solid'
 import { ChatIcon } from '@heroicons/react/outline'
 import { ReplyTo } from '../feed/feed-comments'
+import { InfoTooltip } from '../info-tooltip'
+import { Tooltip } from '../tooltip'
 
 // TODO: get a color
 // export function useAnswerColor(answer: Answer, contract:Contract) {
@@ -260,11 +262,8 @@ function OpenAnswer(props: {
               <button
                 className="p-1"
                 onClick={() => onAnswerCommentClick(answer)}
-                //       onClick={() =>
-                //  //TODO: make replies
-                //       }
               >
-                <ChatIcon className="text-greyscale-4 h-5 w-5" />
+                <ChatIcon className="text-greyscale-4 hover:text-greyscale-6 h-5 w-5 transition-colors" />
               </button>
             }
           </Row>
diff --git a/web/components/comment-input.tsx b/web/components/comment-input.tsx
index 291abd1b..43768a12 100644
--- a/web/components/comment-input.tsx
+++ b/web/components/comment-input.tsx
@@ -5,7 +5,7 @@ import clsx from 'clsx'
 import { Answer } from 'common/answer'
 import { AnyContractType, Contract } from 'common/contract'
 import { User } from 'common/user'
-import { useEffect, useState } from 'react'
+import { useEffect, useRef, useState } from 'react'
 import { useEvent } from 'web/hooks/use-event'
 import { useUser } from 'web/hooks/use-user'
 import { MAX_COMMENT_LENGTH } from 'web/lib/firebase/comments'