diff --git a/common/like.ts b/common/like.ts
index 408f0a96..85140e02 100644
--- a/common/like.ts
+++ b/common/like.ts
@@ -5,4 +5,4 @@ export type Like = {
   createdTime: number
   tipTxnId?: string
 }
-export const LIKE_TIP_AMOUNT = 2
+export const LIKE_TIP_AMOUNT = 5
diff --git a/web/components/contract/like-market-button.tsx b/web/components/contract/like-market-button.tsx
index 9096d5ca..ae3e7c89 100644
--- a/web/components/contract/like-market-button.tsx
+++ b/web/components/contract/like-market-button.tsx
@@ -8,6 +8,8 @@ import toast from 'react-hot-toast'
 import { formatMoney } from 'common/util/format'
 import { likeContract, unLikeContract } from 'web/lib/firebase/likes'
 import { LIKE_TIP_AMOUNT } from 'common/like'
+import { Col } from 'web/components/layout/col'
+import clsx from 'clsx'
 
 export function LikeMarketButton(props: {
   contract: Contract
@@ -33,16 +35,21 @@ export function LikeMarketButton(props: {
 
   return (
     <Button
-      size={'md'}
+      size={'lg'}
       className={'mb-1'}
       color={'gray-white'}
       onClick={onLike}
     >
-      {likedContractIds?.includes(contract.id) ? (
-        <HeartIcon className="h-6 w-6 fill-red-500 text-red-500" />
-      ) : (
-        <HeartIcon className="h-6 w-6 text-gray-500" />
-      )}
+      <Col className={'items-center justify-center'}>
+        <HeartIcon
+          className={clsx(
+            'h-6 w-6',
+            likedContractIds?.includes(contract.id)
+              ? 'fill-red-500 text-red-500'
+              : ''
+          )}
+        />
+      </Col>
     </Button>
   )
 }