From 7dd6fdde7a4adbb20240fec452c7099188904554 Mon Sep 17 00:00:00 2001
From: Peer Richelsen <peeroke@gmail.com>
Date: Tue, 12 Oct 2021 13:50:43 +0100
Subject: [PATCH] full width list idems on mobile (#915)

---
 components/List.tsx                 | 2 +-
 lib/integrations/getIntegrations.ts | 2 +-
 pages/integrations/index.tsx        | 8 ++++----
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/components/List.tsx b/components/List.tsx
index 950d8e9f..13f51451 100644
--- a/components/List.tsx
+++ b/components/List.tsx
@@ -5,7 +5,7 @@ import classNames from "@lib/classNames";
 
 export function List(props: JSX.IntrinsicElements["ul"]) {
   return (
-    <ul {...props} className={classNames("overflow-hidden rounded-sm sm:mx-0", props.className)}>
+    <ul {...props} className={classNames("sm:overflow-hidden rounded-sm sm:mx-0 -mx-4", props.className)}>
       {props.children}
     </ul>
   );
diff --git a/lib/integrations/getIntegrations.ts b/lib/integrations/getIntegrations.ts
index 5fb4f022..831c47c1 100644
--- a/lib/integrations/getIntegrations.ts
+++ b/lib/integrations/getIntegrations.ts
@@ -58,7 +58,7 @@ export const ALL_INTEGRATIONS = [
     type: "stripe_payment",
     title: "Stripe",
     imageSrc: "integrations/stripe.svg",
-    description: "Receive payments",
+    description: "Collect payments",
     variant: "payment",
   },
 ] as const;
diff --git a/pages/integrations/index.tsx b/pages/integrations/index.tsx
index fe6170af..913f351b 100644
--- a/pages/integrations/index.tsx
+++ b/pages/integrations/index.tsx
@@ -384,11 +384,11 @@ export default function IntegrationsPage() {
                         )}
                       </li>
                     ))}
-
-                    <h2 className="font-bold text-gray-900 flex items-center content-center mb-2 mt-4">
-                      Connect an additional calendar
-                    </h2>
                   </List>
+                  <ShellSubHeading
+                    className="mt-6"
+                    title={<SubHeadingTitleWithConnections title="Connect an additional calendar" />}
+                  />
                 </>
               )}
               <List>