diff --git a/packages/ui/lib/integration/IntegrationHorizontal.jsx b/packages/ui/lib/integration/IntegrationHorizontal.jsx
index 041193b5..bce4807d 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 14eb7948..d6fa1dfa 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} />