diff --git a/web/components/contract/contract-overview.tsx b/web/components/contract/contract-overview.tsx
index 11c7124d..eff4c0af 100644
--- a/web/components/contract/contract-overview.tsx
+++ b/web/components/contract/contract-overview.tsx
@@ -119,9 +119,9 @@ export const ContractOverview = (props: {
       {(contract.description || isCreator) && <Spacer h={6} />}
       {isCreator && <ShareMarket className="px-2" contract={contract} />}
       {user && (
-        <Col>
+        <Col className={'ml-1'}>
           <div>Challenge a friend</div>
-          <Row>
+          <Row className={'mt-2 ml-1'}>
             <CreateChallengeButton user={user} contract={contract} />
           </Row>
         </Col>