diff --git a/src/pages/Infrastructure.tsx b/src/pages/Infrastructure.tsx
index 3b4401f..4cfdec3 100644
--- a/src/pages/Infrastructure.tsx
+++ b/src/pages/Infrastructure.tsx
@@ -289,9 +289,9 @@ export default function Infrastructure() {
             <div className="relative z-10 flex flex-col">
               <h3 style={sectionTitle}>Integration Health</h3>
               {integrations && integrations.length > 0 ? (
-                <div className="flex flex-col gap-2">
+                <div className="scrollbar-ghost flex flex-col gap-2" style={{ maxHeight: '140px', overflowY: 'auto' }}>
                   {integrations.map((i) => (
-                    <div key={i.id} className="flex items-center justify-between">
+                    <div key={i.id} className="flex items-center gap-3">
                       <span className="flex items-center gap-2" style={{ fontSize: '12px', color: '#E8E6E0' }}>
                         <CircleCheck size={13} style={{ color: i.status === 'connected' ? '#2ECC71' : i.status === 'error' ? '#E74C3C' : '#7A7D85' }} />
                         {i.name}