chore: design fixes

app/javascript/dashboard/routes/dashboard/settings/inbox/channels/Whatsapp.vue

@@ -89,7 +89,7 @@ const shouldShowCloudWhatsapp = provider => {
         <div
           v-for="provider in availableProviders"
           :key="provider.value"
-          class="gap-6 px-5 py-6 transition-all duration-200 border cursor-pointer w-96 bg-n-solid-2 border-n-weak rounded-2xl hover:border-woot-500 hover:bg-n-solid-3"
+          class="gap-6 px-5 py-6 transition-all duration-200 border cursor-pointer w-96 border-n-weak rounded-2xl hover:bg-n-slate-3"
           @click="selectProvider(provider.value)"
         >
           <!-- Provider Icon -->

app/javascript/dashboard/routes/dashboard/settings/inbox/channels/WhatsappEmbeddedSignup.vue

@@ -61,15 +61,19 @@ onBeforeUnmount(() => {
         </div>
       </div>
 
-      <NextButton
-        :disabled="!fbSdkLoaded || isAuthenticating"
-        :loading="isAuthenticating"
-        faded
-        slate
-        @click="launchEmbeddedSignup"
-      >
-        {{ $t('INBOX_MGMT.ADD.WHATSAPP.EMBEDDED_SIGNUP.SUBMIT_BUTTON') }}
-      </NextButton>
+      <div class="flex">
+        <NextButton
+          :disabled="!fbSdkLoaded || isAuthenticating"
+          :loading="isAuthenticating"
+          faded
+          slate
+          class="w-full"
+          @click="launchEmbeddedSignup"
+        >
+          {{ $t('INBOX_MGMT.ADD.WHATSAPP.EMBEDDED_SIGNUP.SUBMIT_BUTTON') }}
+        </NextButton>
+      </div>
+
       <p
         v-if="!fbSdkLoaded"
         class="mt-3 text-xs text-left text-slate-500 dark:text-slate-400"