From 38df6991f61c60cdb44ba9d2b8d5b3b0471033a2 Mon Sep 17 00:00:00 2001
From: amhsirak <karishmashuklaa@gmail.com>
Date: Thu, 27 Feb 2025 01:52:33 +0530
Subject: [PATCH] feat: align icons with text

---
 src/components/integration/IntegrationSettings.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/integration/IntegrationSettings.tsx b/src/components/integration/IntegrationSettings.tsx
index 0140b97d..984a5275 100644
--- a/src/components/integration/IntegrationSettings.tsx
+++ b/src/components/integration/IntegrationSettings.tsx
@@ -393,8 +393,9 @@ export const IntegrationSettingsModal = ({
               setSettings({ ...settings, integrationType: "googleSheets" });
               navigate(`/robots/${recordingId}/integrate/google`);
               }}
+              style={{ display: "flex", flexDirection: "column", alignItems: "center" }}
             >
-              <img src="/public/svg/gsheet.svg" alt="Google Sheets" style={{ marginRight: "8px" }} />
+              <img src="/public/svg/gsheet.svg" alt="Google Sheets" style={{ marginBottom: "8px" }} />
               Google Sheets
             </Button>
 
@@ -406,8 +407,9 @@ export const IntegrationSettingsModal = ({
               setSettings({ ...settings, integrationType: "airtable" });
               navigate(`/robots/${recordingId}/integrate/airtable`);
               }}
+              style={{ display: "flex", flexDirection: "column", alignItems: "center" }}
             >
-              <img src="/public/svg/airtable.svg" alt="Airtable" style={{ marginRight: "8px" }} />
+              <img src="/public/svg/airtable.svg" alt="Airtable" style={{ marginBottom: "8px" }} />
               Airtable
             </Button>
           </div>