diff --git a/lib/pages/main_page.dart b/lib/pages/main_page.dart
index 82b4990..ce6a1ff 100644
--- a/lib/pages/main_page.dart
+++ b/lib/pages/main_page.dart
@@ -5,6 +5,8 @@ import 'package:smoke_cess_app/providers/tasks_provider.dart';
 import 'package:smoke_cess_app/services/pages_service.dart';
 import 'package:smoke_cess_app/providers/settings_provider.dart';
 
+import '../widgets/todo_icon.dart';
+
 class MyHomePage extends StatefulWidget {
   const MyHomePage({super.key});
 
@@ -54,21 +56,3 @@ class MyHomePageState extends State<MyHomePage> {
     );
   }
 }
-
-class MyToDoIcon extends StatelessWidget {
-  final Icon _icon;
-  const MyToDoIcon(this._icon, {super.key});
-
-  @override
-  Widget build(BuildContext context) {
-    return Stack(children: <Widget>[
-      _icon,
-      const Positioned(
-        // draw a red marble
-        top: 0.0,
-        right: 0.0,
-        child: Icon(Icons.brightness_1, size: 10.0, color: Colors.redAccent),
-      )
-    ]);
-  }
-}
diff --git a/lib/widgets/todo_icon.dart b/lib/widgets/todo_icon.dart
new file mode 100644
index 0000000..e5c82b6
--- /dev/null
+++ b/lib/widgets/todo_icon.dart
@@ -0,0 +1,19 @@
+import 'package:flutter/material.dart';
+
+class MyToDoIcon extends StatelessWidget {
+  final Icon _icon;
+  const MyToDoIcon(this._icon, {super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Stack(children: <Widget>[
+      _icon,
+      const Positioned(
+        // draw a red marble
+        top: 0.0,
+        right: 0.0,
+        child: Icon(Icons.brightness_1, size: 10.0, color: Colors.redAccent),
+      )
+    ]);
+  }
+}