From 72ea5453ce615cfb57849e9ca8b2c1e5125eca04 Mon Sep 17 00:00:00 2001
From: blessedcoolant <54517381+blessedcoolant@users.noreply.github.com>
Date: Fri, 11 Nov 2022 04:09:40 +1300
Subject: [PATCH] Fix broken styling on the Clear Mask button

---
 frontend/src/features/canvas/IAICanvasMaskButtonPopover.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/src/features/canvas/IAICanvasMaskButtonPopover.tsx b/frontend/src/features/canvas/IAICanvasMaskButtonPopover.tsx
index 787e1548aa..b5525d279d 100644
--- a/frontend/src/features/canvas/IAICanvasMaskButtonPopover.tsx
+++ b/frontend/src/features/canvas/IAICanvasMaskButtonPopover.tsx
@@ -1,4 +1,4 @@
-import { Button, Flex } from '@chakra-ui/react';
+import { Flex } from '@chakra-ui/react';
 import { createSelector } from '@reduxjs/toolkit';
 import {
   clearMask,
@@ -14,6 +14,7 @@ import { FaMask } from 'react-icons/fa';
 import IAIPopover from 'common/components/IAIPopover';
 import IAICheckbox from 'common/components/IAICheckbox';
 import IAIColorPicker from 'common/components/IAIColorPicker';
+import IAIButton from 'common/components/IAIButton';
 
 export const selector = createSelector(
   [currentCanvasSelector],
@@ -50,7 +51,7 @@ const IAICanvasMaskButtonPopover = () => {
       }
     >
       <Flex direction={'column'} gap={'0.5rem'}>
-        <Button onClick={() => dispatch(clearMask())}>Clear Mask</Button>
+        <IAIButton onClick={() => dispatch(clearMask())}>Clear Mask</IAIButton>
         <IAICheckbox
           label="Enable Mask"
           isChecked={isMaskEnabled}