From 3fa52b06004b3bd91781b2d4b46a716a7a0bd17f Mon Sep 17 00:00:00 2001
From: Leo Giovanetti <hello@leog.me>
Date: Tue, 25 Oct 2022 15:50:19 -0300
Subject: [PATCH] Fix add calendar button (#5212)

---
 .../v2/apps/AdditionalCalendarSelector.tsx           | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/apps/web/components/v2/apps/AdditionalCalendarSelector.tsx b/apps/web/components/v2/apps/AdditionalCalendarSelector.tsx
index c230a32c4b..d3e25b3922 100644
--- a/apps/web/components/v2/apps/AdditionalCalendarSelector.tsx
+++ b/apps/web/components/v2/apps/AdditionalCalendarSelector.tsx
@@ -23,11 +23,11 @@ const ImageOption = (optionProps: OptionProps<{ [key: string]: string; type: App
       type={data.type}
       render={(installProps) => {
         return (
-          <Button {...installProps} className="w-full" color="minimal">
+          <Button {...installProps} className="flex w-full align-top" color="minimal">
             {data.image && (
               <img className="float-left mr-3 inline h-5 w-5" src={data.image} alt={data.label} />
             )}
-            <p>{`${t("add")} ${data.label}`}</p>
+            <p className="text-left">{`${t("add")} ${data.label}`}</p>
           </Button>
         );
       }}
@@ -64,10 +64,12 @@ const AdditionalCalendarSelector = ({ isLoading }: AdditionalCalendarSelectorPro
           <Select
             name="additionalCalendar"
             placeholder={
-              <Button className="rounded-md" StartIcon={Icon.FiPlus} color="secondary">
-                {t("add")}
-              </Button>
+              <div className="flex justify-start text-black">
+                <Icon.FiPlus className="-ml-1 h-4 w-4 ltr:mr-2 rtl:ml-2 rtl:-mr-1" />
+                <p>{t("add")}</p>
+              </div>
             }
+            className="min-w-44"
             options={options}
             isSearchable={false}
             isLoading={isLoading}