From aeaaac8070f9f65c9a0cac00b725b02bea3f4d35 Mon Sep 17 00:00:00 2001
From: Sean Matthews <sean.matthews@lefthook.co>
Date: Wed, 18 Sep 2024 15:09:03 -0400
Subject: [PATCH] WIP... this one is solving the card sizing issue when there's
 only one row of integrations available.

---
 packages/ui/lib/integration/IntegrationHorizontal.jsx | 2 +-
 packages/ui/lib/integration/IntegrationList.jsx       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/ui/lib/integration/IntegrationHorizontal.jsx b/packages/ui/lib/integration/IntegrationHorizontal.jsx
index 041193b5a..bce4807d8 100644
--- a/packages/ui/lib/integration/IntegrationHorizontal.jsx
+++ b/packages/ui/lib/integration/IntegrationHorizontal.jsx
@@ -114,7 +114,7 @@ function IntegrationHorizontal(props) {
   return (
     <>
       <div
-        className="flex flex-nowrap p-4 bg-white rounded-lg shadow-xs"
+        className="flex flex-nowrap p-4 bg-white rounded-lg shadow-xs h-[128px]"
         data-testid="integration-horizontal"
       >
         <div className="flex flex-1">
diff --git a/packages/ui/lib/integration/IntegrationList.jsx b/packages/ui/lib/integration/IntegrationList.jsx
index 14eb79489..d6fa1dfae 100644
--- a/packages/ui/lib/integration/IntegrationList.jsx
+++ b/packages/ui/lib/integration/IntegrationList.jsx
@@ -99,7 +99,7 @@ const IntegrationList = (props) => {
   return (
     <>
       {isloading && (
-        <div className="grid gap-6 lg:col-span-1 lg:grid-cols-1 xl:col-span-2 xl:grid-cols-2 2xl:col-span-3 2xl:grid-cols-3">
+        <div className="grid gap-6 lg:col-span-1 lg:grid-cols-1 xl:col-span-2 xl:grid-cols-2 2xl:col-span-3 2xl:grid-cols-3 grid-auto-rows-[128px]">
           <IntegrationSkeleton layout={props.componentLayout} />
           <IntegrationSkeleton layout={props.componentLayout} />
           <IntegrationSkeleton layout={props.componentLayout} />