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>
   )