From 8f805166359c3a289e9484a894ca9b6d76d936b2 Mon Sep 17 00:00:00 2001
From: CynthiaKamau <cynthiakamau54@gmail.com>
Date: Wed, 4 Sep 2024 17:13:47 +0300
Subject: [PATCH] (fix) HIV Patient Summary page is not scrollable

---
 .../encounter-tile.component.tsx              | 22 +++++++++----------
 .../esm-commons-lib/src/styleguide/tiles.scss |  7 +++++-
 2 files changed, 16 insertions(+), 13 deletions(-)

diff --git a/packages/esm-commons-lib/src/components/encounter-tile/encounter-tile.component.tsx b/packages/esm-commons-lib/src/components/encounter-tile/encounter-tile.component.tsx
index 14621761d..56c9e87a5 100644
--- a/packages/esm-commons-lib/src/components/encounter-tile/encounter-tile.component.tsx
+++ b/packages/esm-commons-lib/src/components/encounter-tile/encounter-tile.component.tsx
@@ -27,18 +27,16 @@ export interface EncounterValuesTileProps {
 
 export const EncounterTile: React.FC<EncounterTileProps> = ({ patientUuid, columns, headerTitle }) => {
   return (
-    <>
-      <Tile className={styles.tile}>
-        <div className={styles.cardTitle}>
-          <h4 className={styles.title}> {headerTitle} </h4>
-        </div>
-        <Column className={styles.tabletTileTitle}>
-          {columns.map((column, ind) => (
-            <EncounterValuesTile key={ind} patientUuid={patientUuid} column={column} />
-          ))}
-        </Column>
-      </Tile>
-    </>
+    <Tile className={styles.tile}>
+      <div className={styles.cardTitle}>
+        <h4 className={styles.title}> {headerTitle} </h4>
+      </div>
+      <Column className={styles.tabletTileTitle}>
+        {columns.map((column, ind) => (
+          <EncounterValuesTile key={ind} patientUuid={patientUuid} column={column} />
+        ))}
+      </Column>
+    </Tile>
   );
 };
 
diff --git a/packages/esm-commons-lib/src/styleguide/tiles.scss b/packages/esm-commons-lib/src/styleguide/tiles.scss
index af5ed3148..9864a16aa 100644
--- a/packages/esm-commons-lib/src/styleguide/tiles.scss
+++ b/packages/esm-commons-lib/src/styleguide/tiles.scss
@@ -3,6 +3,12 @@
 @use '@carbon/styles/scss/type';
 @import "../root.scss";
 
+@media (min-width: 1200px) {
+  :global(.-esm-patient-chart__dashboard-view__extensionWrapper___Jd2UR) {
+    height: fit-content;
+  }
+}
+
 .title {
   @extend .productiveHeading03;
 }
@@ -22,7 +28,6 @@
 }
 
 .tile {
-  height: 100%;
   padding: 1px 0 16px 16px;
   margin: 0.5rem;
   border: solid 1px #e0e0e0;