From 7deadaf08bad1199140ae33763cb605c28c7045a Mon Sep 17 00:00:00 2001
From: ingawei <ingawei@gmail.com>
Date: Tue, 11 Oct 2022 23:26:29 -0700
Subject: [PATCH] de daisy sell button

---
 web/components/sell-button.tsx |  1 +
 web/components/sell-row.tsx    | 14 ++++++--------
 2 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/web/components/sell-button.tsx b/web/components/sell-button.tsx
index 51c88442..4df38548 100644
--- a/web/components/sell-button.tsx
+++ b/web/components/sell-button.tsx
@@ -5,6 +5,7 @@ import { useState } from 'react'
 import { Col } from './layout/col'
 import clsx from 'clsx'
 import { SellSharesModal } from './sell-modal'
+import { Button } from './button'
 
 export function SellButton(props: {
   contract: BinaryContract | PseudoNumericContract
diff --git a/web/components/sell-row.tsx b/web/components/sell-row.tsx
index 4c12c35c..54765fa2 100644
--- a/web/components/sell-row.tsx
+++ b/web/components/sell-row.tsx
@@ -8,6 +8,7 @@ import { OutcomeLabel } from './outcome-label'
 import { useUserContractBets } from 'web/hooks/use-user-bets'
 import { useSaveBinaryShares } from './use-save-binary-shares'
 import { SellSharesModal } from './sell-modal'
+import { Button } from './button'
 
 export function SellRow(props: {
   contract: BinaryContract | PseudoNumericContract
@@ -37,17 +38,14 @@ export function SellRow(props: {
               shares
             </div>
 
-            <button
-              className="btn btn-sm"
-              style={{
-                backgroundColor: 'white',
-                border: '2px solid',
-                color: '#3D4451',
-              }}
+            <Button
+              className="my-auto"
+              size="xs"
+              color="gray-outline"
               onClick={() => setShowSellModal(true)}
             >
               Sell
-            </button>
+            </Button>
           </Row>
         </Col>
         {showSellModal && (