diff --git a/src/widgets/TaskListWidget.tsx b/src/widgets/TaskListWidget.tsx
index 2341e3b..ce96f34 100644
--- a/src/widgets/TaskListWidget.tsx
+++ b/src/widgets/TaskListWidget.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { FlexWidget, TextWidget } from 'react-native-android-widget';
+import { FlexWidget, ListWidget, TextWidget } from 'react-native-android-widget';
 import type { WidgetInfo } from 'react-native-android-widget';
 
 type HexColor = `#${string}`;
@@ -453,22 +453,28 @@ function ListWidgetContent({
 
       {/* Task list */}
       {displayTasks.length > 0 ? (
-        <FlexWidget
+        <ListWidget
           style={{
-            flex: 1,
-            flexDirection: 'column',
+            height: 'match_parent',
             width: 'match_parent',
           }}
         >
           {displayTasks.map((task) => (
-            <TaskItemRow
+            <FlexWidget
               key={task.id}
-              task={task}
-              isDark={isDark}
-              isExpanded={expandedTaskIds.has(task.id)}
-            />
+              style={{
+                flexDirection: 'column',
+                width: 'match_parent',
+              }}
+            >
+              <TaskItemRow
+                task={task}
+                isDark={isDark}
+                isExpanded={expandedTaskIds.has(task.id)}
+              />
+            </FlexWidget>
           ))}
-        </FlexWidget>
+        </ListWidget>
       ) : (
         <FlexWidget
           style={{