diff --git a/web/components/contract-card.tsx b/web/components/contract-card.tsx
index 2b92b84a..78093d6c 100644
--- a/web/components/contract-card.tsx
+++ b/web/components/contract-card.tsx
@@ -233,7 +233,7 @@ export function ContractDetails(props: {
           <div className="whitespace-nowrap">{liquidityLabel}</div>
         </Row>
 
-        <TweetButton className={'self-end'} tweetText={tweetText} />
+        <TweetButton className="self-end" tweetText={tweetText} />
       </Row>
     </Col>
   )
diff --git a/web/components/tweet-button.tsx b/web/components/tweet-button.tsx
index f4ddf19e..a9ffa6e3 100644
--- a/web/components/tweet-button.tsx
+++ b/web/components/tweet-button.tsx
@@ -9,18 +9,17 @@ export function TweetButton(props: { className?: string; tweetText?: string }) {
         'btn btn-xs flex flex-row flex-nowrap border-none normal-case',
         className
       )}
-      style={{ backgroundColor: '#1da1f2' }}
+      style={{
+        backgroundColor: 'white',
+        border: '2px solid #1da1f2',
+        color: '#1da1f2',
+      }}
       href={`https://twitter.com/intent/tweet?text=${encodeURIComponent(
         tweetText ?? ''
       )}`}
       target="_blank"
     >
-      <img
-        className="mr-2"
-        src={'/twitter-icon-white.svg'}
-        width={15}
-        height={15}
-      />
+      <img className="mr-2" src={'/twitter-logo.svg'} width={15} height={15} />
       <div>Tweet</div>
     </a>
   )