From d60a67ee33989da1ef2f1fe2f687f86cf773b8ab Mon Sep 17 00:00:00 2001
From: Philip Molares <philip.molares@udo.edu>
Date: Wed, 29 Apr 2026 20:14:36 +0200
Subject: [PATCH] fix(explore): always keep the notes list as high as two
 entries

This prevents problems with the dropdown menu creating a scroll bar

Signed-off-by: Philip Molares <philip.molares@udo.edu>
---
 .../notes-list/notes-list.module.css                     | 9 +++++++++
 .../explore-notes-section/notes-list/notes-list.tsx      | 2 ++
 2 files changed, 11 insertions(+)
 create mode 100644 frontend/src/components/explore-page/explore-notes-section/notes-list/notes-list.module.css

diff --git a/frontend/src/components/explore-page/explore-notes-section/notes-list/notes-list.module.css b/frontend/src/components/explore-page/explore-notes-section/notes-list/notes-list.module.css
new file mode 100644
index 000000000..4bebfe1d0
--- /dev/null
+++ b/frontend/src/components/explore-page/explore-notes-section/notes-list/notes-list.module.css
@@ -0,0 +1,9 @@
+/*
+ * SPDX-FileCopyrightText: 2026 The HedgeDoc developers (see AUTHORS file)
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+.infinite-scroll {
+  min-height: 10rem;
+}
diff --git a/frontend/src/components/explore-page/explore-notes-section/notes-list/notes-list.tsx b/frontend/src/components/explore-page/explore-notes-section/notes-list/notes-list.tsx
index affbac9ce..d2a02456c 100644
--- a/frontend/src/components/explore-page/explore-notes-section/notes-list/notes-list.tsx
+++ b/frontend/src/components/explore-page/explore-notes-section/notes-list/notes-list.tsx
@@ -14,6 +14,7 @@ import InfiniteScroll from 'react-infinite-scroll-component'
 import { useUiNotifications } from '../../../notifications/ui-notification-boundary'
 import { useApplicationState } from '../../../../hooks/common/use-application-state'
 import equal from 'fast-deep-equal'
+import styles from './note-entry.module.css'
 
 export interface NotesListProps {
   mode: Mode
@@ -92,6 +93,7 @@ export const NotesList: React.FC<NotesListProps> = ({ mode, sort, searchFilter,
 
   return (
     <InfiniteScroll
+      className={styles['infinite-scroll']}
       dataLength={entries.length}
       next={fetchNextPage}
       hasMore={moreDataAvailable}