From 2ba804a9bb4005f7491b9950351d33c5d2fefe89 Mon Sep 17 00:00:00 2001
From: Andy Espagnolo <andyespagnolo@gmail.com>
Date: Wed, 30 Aug 2023 11:08:47 -0300
Subject: [PATCH] fix: calendar button icon size (#1221)

---
 src/components/Proposal/View/CalendarAlertButton.css | 4 ++++
 src/components/Proposal/View/CalendarAlertButton.tsx | 5 ++++-
 2 files changed, 8 insertions(+), 1 deletion(-)
 create mode 100644 src/components/Proposal/View/CalendarAlertButton.css

diff --git a/src/components/Proposal/View/CalendarAlertButton.css b/src/components/Proposal/View/CalendarAlertButton.css
new file mode 100644
index 000000000..7dbc2c23d
--- /dev/null
+++ b/src/components/Proposal/View/CalendarAlertButton.css
@@ -0,0 +1,4 @@
+.CalendarAlertButton__IconContainer {
+  display: flex;
+  padding: 0 2px;
+}
\ No newline at end of file
diff --git a/src/components/Proposal/View/CalendarAlertButton.tsx b/src/components/Proposal/View/CalendarAlertButton.tsx
index f84da1f2f..098282f8d 100644
--- a/src/components/Proposal/View/CalendarAlertButton.tsx
+++ b/src/components/Proposal/View/CalendarAlertButton.tsx
@@ -3,6 +3,7 @@ import React from 'react'
 import useFormatMessage from '../../../hooks/useFormatMessage'
 import CalendarAdd from '../../Icon/CalendarAdd'
 
+import './CalendarAlertButton.css'
 import SidebarButton from './SidebarButton'
 
 interface Props {
@@ -15,7 +16,9 @@ function CalendarAlertButton({ loading, disabled, onClick }: Props) {
   const t = useFormatMessage()
   return (
     <SidebarButton loading={loading} disabled={disabled} onClick={onClick}>
-      <CalendarAdd size="20" />
+      <div className="CalendarAlertButton__IconContainer">
+        <CalendarAdd size="16" />
+      </div>
       <span>{t('page.proposal_detail.calendar_button')}</span>
     </SidebarButton>
   )