fix: calendar button icon size (#1221)

decentraland · Aug 30, 2023 · 5f1e7dd · 5f1e7dd
1 parent d1a29a7
commit 5f1e7dd
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/components/Proposal/View/CalendarAlertButton.css b/src/components/Proposal/View/CalendarAlertButton.css
@@ -0,0 +1,4 @@
+.CalendarAlertButton__IconContainer {
+  display: flex;
+  padding: 0 2px;
+}
diff --git 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>
   )