diff --git a/native/MainPage.qml b/native/MainPage.qml
index 23687a3..1a159bd 100644
--- a/native/MainPage.qml
+++ b/native/MainPage.qml
@@ -104,30 +104,35 @@ Rectangle {
                 }
             }
 
-            ListView {
-                id: listView
+            ScrollView {
                 Layout.fillWidth: true
                 Layout.fillHeight: true
-                clip: true
-                boundsBehavior: Flickable.StopAtBounds
-                model: filteredApiDataModel // Use the filtered model
 
-                delegate: Rectangle {
-                    width: listView.width
-                    height: 50
-                    color: getColors().button
+                ListView {
+                    id: listView
+                    Layout.fillWidth: true
+                    Layout.fillHeight: true
+                    clip: true
+                    boundsBehavior: Flickable.StopAtBounds
+                    model: filteredApiDataModel // Use the filtered model
 
-                    RowLayout {
-                        anchors.fill: parent
-                        spacing: 10
-                        anchors.margins: 5
+                    delegate: Rectangle {
+                        width: listView.width
+                        height: 50
+                        color: getColors().button
 
-                        Text { text: model.name; color: getColors().text; Layout.fillWidth: true }
-                        Text { text: model.key; color: getColors().text; Layout.fillWidth: true }
-                        Text { text: model.amount; color: getColors().text; Layout.fillWidth: true }
-                        Text { text: model.start; color: getColors().text; Layout.fillWidth: true }
-                        Text { text: model.end; color: getColors().text; Layout.fillWidth: true }
-                        Text { text: model.group; color: getColors().text; Layout.fillWidth: true }
+                        RowLayout {
+                            anchors.fill: parent
+                            spacing: 10
+                            anchors.margins: 5
+
+                            Text { text: model.name; color: getColors().text; Layout.fillWidth: true }
+                            Text { text: model.key; color: getColors().text; Layout.fillWidth: true }
+                            Text { text: model.amount; color: getColors().text; Layout.fillWidth: true }
+                            Text { text: model.start; color: getColors().text; Layout.fillWidth: true }
+                            Text { text: model.end; color: getColors().text; Layout.fillWidth: true }
+                            Text { text: model.group; color: getColors().text; Layout.fillWidth: true }
+                        }
                     }
                 }
             }