diff --git a/airflow-core/src/airflow/ui/src/pages/DagsList/DagsList.tsx b/airflow-core/src/airflow/ui/src/pages/DagsList/DagsList.tsx
index 075011c0d73a5..6bb098516f457 100644
--- a/airflow-core/src/airflow/ui/src/pages/DagsList/DagsList.tsx
+++ b/airflow-core/src/airflow/ui/src/pages/DagsList/DagsList.tsx
@@ -163,6 +163,7 @@ const DAGS_LIST_DISPLAY = "dags_list_display";
 export const DagsList = () => {
   const [searchParams, setSearchParams] = useSearchParams();
   const [display, setDisplay] = useLocalStorage<"card" | "table">(DAGS_LIST_DISPLAY, "card");
+  const dagRunsLimit = display === "card" ? 14 : 1;
 
   const hidePausedDagsByDefault = Boolean(useConfig("hide_paused_dags_by_default"));
   const defaultShowPaused = hidePausedDagsByDefault ? false : undefined;
@@ -206,7 +207,7 @@ export const DagsList = () => {
     paused = false;
   }
 
-  const { data, error, isLoading } = useDags({
+  const { data, error, isLoading } = useDags(dagRunsLimit, {
     dagDisplayNamePattern: Boolean(dagDisplayNamePattern) ? `${dagDisplayNamePattern}` : undefined,
     lastDagRunState,
     limit: pagination.pageSize,
diff --git a/airflow-core/src/airflow/ui/src/queries/useDags.tsx b/airflow-core/src/airflow/ui/src/queries/useDags.tsx
index d4f58dc985e03..608ccedd5b84d 100644
--- a/airflow-core/src/airflow/ui/src/queries/useDags.tsx
+++ b/airflow-core/src/airflow/ui/src/queries/useDags.tsx
@@ -25,6 +25,7 @@ export type DagWithLatest = {
 } & DAGWithLatestDagRunsResponse;
 
 export const useDags = (
+  dagRunsLimit: number,
   searchParams: {
     dagDisplayNamePattern?: string;
     dagIdPattern?: string;
@@ -51,7 +52,7 @@ export const useDags = (
   } = useDagsServiceRecentDagRuns(
     {
       ...runsParams,
-      dagRunsLimit: 14,
+      dagRunsLimit,
     },
     undefined,
     {