fix: button icon hover

components/Contribution.tsx

@@ -15,7 +15,7 @@ export const Contribution = () => {
       <h2 className="f4">{t`title`}</h2>
       <p className="color-text-secondary f6">{t`body`}</p>
       <a className="btn btn-outline" href={contribution_href}>
-        <GitPullRequestIcon size={16} className="color-text-tertiary mr-1" />
+        <GitPullRequestIcon size="small" className="octicon mr-1" />
         {t`button`}
       </a>
       <p className="color-text-secondary f6 mt-2">

components/Support.tsx

@@ -11,7 +11,7 @@ export const Support = () => {
     <div>
       <h3 className="mb-2 f4">{t`still_need_help`}</h3>
       <a id="ask-community" href="https://github.community" className="btn btn-outline mr-4 mt-2">
-        <PeopleIcon size={16} className="color-text-tertiary mr-1" />
+        <PeopleIcon size="small" className="octicon mr-1" />
         {t`ask_community`}
       </a>
       <a
@@ -23,7 +23,7 @@ export const Support = () => {
         }
         className="btn btn-outline mt-2"
       >
-        <CommentDiscussionIcon size={16} className="color-text-tertiary mr-1" />
+        <CommentDiscussionIcon size="small" className="octicon mr-1" />
         {t`contact_support`}
       </a>
     </div>