diff --git a/frontend/src/integrations/zapier/components/zapier-connect-drawer.vue b/frontend/src/integrations/zapier/components/zapier-connect-drawer.vue
index f08b8f7556..842837a264 100644
--- a/frontend/src/integrations/zapier/components/zapier-connect-drawer.vue
+++ b/frontend/src/integrations/zapier/components/zapier-connect-drawer.vue
@@ -3,10 +3,11 @@
     v-model="isVisible"
     custom-class="integration-reddit-drawer"
     title="Zapier"
-    size="600px"
+    size="480px"
     pre-title="Integration"
     :pre-title-img-src="logoUrl"
     pre-title-img-alt="Zapier logo"
+    :show-footer="false"
     @close="isVisible = false"
   >
     <template #content>
@@ -21,13 +22,13 @@
           class="btn btn--bordered btn--md"
         ><i class="ri-external-link-line mr-2" />Read our docs</a>
       </div>
-      <div class="container mx-auto px-4 py-10">
+      <div class="container flex flex-row w-full items-start py-10">
         <ul class="list-none space-y-4">
           <li class="flex items-start">
             <span
-              class="flex-none w-8 h-8 flex justify-center items-center rounded-full bg-gray-300 text-white font-bold"
+              class="flex-none w-8 h-8 flex justify-center items-center rounded-full bg-gray-300 text-gray-900 font-bold text-sm"
             >1</span>
-            <p class="ml-4 text-gray-900">
+            <p class="ml-4 text-gray-900 text-xs">
               Navigate to Settings >
               <a
                 href="/settings?activeTab=api-keys"
@@ -35,14 +36,16 @@
                 rel="noopener noreferrer"
                 class="underline underline-offset-4"
               >API Keys</a>
-              and get your workspace <b>Tenant ID</b> and <b>Auth token</b>
+              and get your workspace
+              <span class="font-medium">Tenant ID</span> and
+              <span class="font-medium">Auth token</span>
             </p>
           </li>
           <li class="flex items-start">
             <span
-              class="flex-none w-8 h-8 flex justify-center items-center rounded-full bg-gray-300 text-white font-bold"
+              class="flex-none w-8 h-8 flex justify-center items-center rounded-full bg-gray-300 text-gray-900 font-bold text-sm"
             >2</span>
-            <p class="ml-4 text-gray-900">
+            <p class="ml-4 text-gray-900 text-xs">
               Go to
               <a
                 href="https://zapier.com/developer/public-invite/180721/f94ad64f963359cd888fa22610c31875/"
@@ -55,9 +58,9 @@
           </li>
           <li class="flex items-center">
             <span
-              class="flex-none w-8 h-8 flex justify-center items-center rounded-full bg-gray-300 text-white font-bold"
+              class="flex-none w-8 h-8 flex justify-center items-center rounded-full bg-gray-300 text-gray-900 font-bold text-sm"
             >3</span>
-            <p class="ml-4 text-gray-900">
+            <p class="ml-4 text-gray-900 text-xs">
               Configure your Zaps using our
               <a
                 href="https://docs.crowd.dev/docs/zapier-integration#supported-triggers"
diff --git a/frontend/src/integrations/zapier/config.js b/frontend/src/integrations/zapier/config.js
index 14b696d4c4..54ddddc8d2 100644
--- a/frontend/src/integrations/zapier/config.js
+++ b/frontend/src/integrations/zapier/config.js
@@ -5,8 +5,7 @@ export default {
   name: 'Zapier',
   backgroundColor: '#FFFFFF',
   borderColor: '#FFFFFF',
-  description:
-    'Enable the communication between crowd.dev and Zapier to automate workflows and tasks.',
+  description: 'Use Zapier to connect crowd.dev with 5,000+ apps.',
   image:
     'https://www.seekpng.com/png/full/67-672759_zapiers-new-cli-tool-for-creating-apps-zapier.png',
   connectComponent: ZapierConnect,