diff --git a/.codeclimate.yml b/.codeclimate.yml
index 62af6fcd7..c68251f32 100644
--- a/.codeclimate.yml
+++ b/.codeclimate.yml
@@ -59,4 +59,4 @@ exclude_patterns:
   - 'app/javascript/dashboard/helper/specs/macrosFixtures.js'
   - 'app/javascript/dashboard/routes/dashboard/settings/macros/constants.js'
   - '**/fixtures/**'
-  - '**/*/fixtures.js'
\ No newline at end of file
+  - '**/*/fixtures.js'
diff --git a/app/javascript/dashboard/assets/images/whatsapp.png b/app/javascript/dashboard/assets/images/whatsapp.png
index 547ff675e..7bee740d9 100644
Binary files a/app/javascript/dashboard/assets/images/whatsapp.png and b/app/javascript/dashboard/assets/images/whatsapp.png differ
diff --git a/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/Whatsapp.vue b/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/Whatsapp.vue
index ecd38907a..b9992f38b 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/Whatsapp.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/Whatsapp.vue
@@ -94,11 +94,13 @@ const shouldShowCloudWhatsapp = provider => {
         >
           <!-- Provider Icon -->
           <div class="flex justify-start mb-5">
-            <div class="flex items-center justify-center w-12 h-12 rounded-lg">
+            <div
+              class="flex items-center justify-center size-10 bg-n-alpha-2 rounded-full"
+            >
               <img
                 :src="provider.icon"
                 :alt="provider.label"
-                class="object-contain w-10 h-10"
+                class="object-contain size-[26px]"
               />
             </div>
           </div>
diff --git a/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/WhatsappEmbeddedSignup.vue b/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/WhatsappEmbeddedSignup.vue
index 87b533ac9..948cc76a7 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/WhatsappEmbeddedSignup.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/WhatsappEmbeddedSignup.vue
@@ -33,11 +33,14 @@ onBeforeUnmount(() => {
     <div v-else>
       <div class="flex flex-col items-start mb-6 text-start">
         <div class="flex justify-start mb-6">
-          <div class="flex items-center justify-center w-12 h-12 rounded-lg">
+          <div
+            class="flex items-center justify-center w-12 h-12 bg-n-alpha-2 rounded-full"
+          >
             <img
               :src="whatsappIcon"
               :alt="$t('INBOX_MGMT.ADD.WHATSAPP.PROVIDERS.WHATSAPP_CLOUD')"
-              class="object-contain w-11 h-11"
+              class="object-contain w-8 h-8"
+              draggable="false"
             />
           </div>
         </div>