diff --git a/src/components/integration/IntegrationSettings.tsx b/src/components/integration/IntegrationSettings.tsx
index 86480235..695677a4 100644
--- a/src/components/integration/IntegrationSettings.tsx
+++ b/src/components/integration/IntegrationSettings.tsx
@@ -386,7 +386,7 @@ export const IntegrationSettingsModal = ({
         }}>
           <div style={{ display: "flex", gap: "20px" }}>
             <Button
-              variant="contained"
+              variant="outlined"
               color="primary"
               onClick={() => {
                 setSelectedIntegrationType("googleSheets");
@@ -400,7 +400,7 @@ export const IntegrationSettingsModal = ({
             </Button>
 
             <Button
-              variant="contained"
+              variant="outlined"
               color="primary"
               onClick={() => {
                 setSelectedIntegrationType("airtable");