diff --git a/rawgraphs-charts b/rawgraphs-charts
index c132099f8..1dfa7f90d 160000
--- a/rawgraphs-charts
+++ b/rawgraphs-charts
@@ -1 +1 @@
-Subproject commit c132099f8a377ac91c0de3eb2e66cc935d724049
+Subproject commit 1dfa7f90dd6d2f49803b8901ee66e46c70285f86
diff --git a/src/app/modules/home-module/components/Charts/chartsGrid.tsx b/src/app/modules/home-module/components/Charts/chartsGrid.tsx
index 857002062..939350db4 100644
--- a/src/app/modules/home-module/components/Charts/chartsGrid.tsx
+++ b/src/app/modules/home-module/components/Charts/chartsGrid.tsx
@@ -26,7 +26,7 @@ export default function ChartsGrid(props: Props) {
   const [enableButton, setEnableButton] = React.useState<boolean>(false);
   const [loadedCharts, setLoadedCharts] = React.useState<any[]>([]);
 
-  const limit = 10;
+  const limit = 15;
   //used over usestate to get current offset value in the IntersectionObserver api, as it is not updated in usestate.
   const offset = useRef(0);
   const charts = useStoreState(
diff --git a/src/app/modules/home-module/components/Datasets/datasetsGrid.tsx b/src/app/modules/home-module/components/Datasets/datasetsGrid.tsx
index 75a129194..c2694521d 100644
--- a/src/app/modules/home-module/components/Datasets/datasetsGrid.tsx
+++ b/src/app/modules/home-module/components/Datasets/datasetsGrid.tsx
@@ -24,7 +24,7 @@ export default function DatasetsGrid(props: Props) {
   const [cardId, setCardId] = React.useState<string>("");
   const [enableButton, setEnableButton] = React.useState<boolean>(false);
   const [modalDisplay, setModalDisplay] = React.useState<boolean>(false);
-  const limit = 10;
+  const limit = 15;
   //used over usestate to get current offset value in the IntersectionObserver api, as it is not updated in usestate.
   const offset = useRef(0);
   const [loadedDatasets, setLoadedDatasets] = React.useState<
@@ -172,7 +172,12 @@ export default function DatasetsGrid(props: Props) {
       )}
       <Box height={100} />
 
-      <div ref={observerTarget} />
+      <div
+        ref={observerTarget}
+        css={`
+          height: 10px;
+        `}
+      />
       <DeleteDatasetDialog
         cardId={cardId}
         enableButton={enableButton}
diff --git a/src/app/modules/home-module/components/Reports/reportsGrid.tsx b/src/app/modules/home-module/components/Reports/reportsGrid.tsx
index c58817e3c..05ced4f61 100644
--- a/src/app/modules/home-module/components/Reports/reportsGrid.tsx
+++ b/src/app/modules/home-module/components/Reports/reportsGrid.tsx
@@ -27,7 +27,7 @@ export default function ReportsGrid(props: Props) {
   const [modalDisplay, setModalDisplay] = React.useState<boolean>(false);
   const [enableButton, setEnableButton] = React.useState<boolean>(false);
   const [loadedReports, setLoadedReports] = React.useState<ReportModel[]>([]);
-  const limit = 10;
+  const limit = 15;
   //used over usestate to get current offset value in the IntersectionObserver api, as it is not updated in usestate.
   const offset = useRef(0);
   const reports = useStoreState(