Right align tweet button

web/components/contract-overview.tsx

@@ -54,15 +54,18 @@ export const ContractOverview = (props: {
           />
 
           <ContractDetails contract={contract} />
-          <TweetButton tweetText={tweetText} />
+          <TweetButton className="self-end md:hidden" tweetText={tweetText} />
         </Col>
 
-        <ResolutionOrChance
+        <Col className="hidden md:flex justify-between items-end">
-          className="hidden md:flex md:items-end"
+          <ResolutionOrChance
-          resolution={resolution}
+            className="items-end"
-          probPercent={probPercent}
+            resolution={resolution}
-          large
+            probPercent={probPercent}
-        />
+            large
+          />
+          <TweetButton className="mt-6" tweetText={tweetText} />
+        </Col>
       </Row>
 
       <Spacer h={4} />

web/components/tweet-button.tsx

@@ -5,11 +5,8 @@ export function TweetButton(props: { className?: string; tweetText?: string }) {
 
   return (
     <a
-      className={clsx(
+      className={clsx('btn btn-xs normal-case border-none', className)}
-        'btn btn-xs normal-case self-start border-none',
+      style={{ backgroundColor: '#1da1f2', width: 75 }}
-        className
-      )}
-      style={{ backgroundColor: '#1da1f2' }}
       href={`https://twitter.com/intent/tweet?text=${encodeURIComponent(
         tweetText ?? ''
       )}`}