diff --git a/pages/integrations/index.tsx b/pages/integrations/index.tsx
index 0740271a2e..f7ad0c361e 100644
--- a/pages/integrations/index.tsx
+++ b/pages/integrations/index.tsx
@@ -99,8 +99,8 @@ export default function Home({ integrations }) {
       <Shell
         heading="Integrations"
         subtitle="Connect your favourite apps."
-        noPaddingBottom>
-        <div className="text-right py-2">
+        noPaddingBottom
+        CTA={
           <button
             onClick={toggleAddModal}
             type="button"
@@ -108,7 +108,7 @@ export default function Home({ integrations }) {
             <PlusIcon className="w-5 h-5 mr-1" />
             Add new integration
           </button>
-        </div>
+        }>
         <div className="bg-white shadow overflow-hidden rounded-sm mb-8">
           {integrations.filter((ig) => ig.credential).length !== 0 ? (
             <ul className="divide-y divide-gray-200">