diff --git a/example/lib/main.dart b/example/lib/main.dart
index c4a44613..0ea04409 100644
--- a/example/lib/main.dart
+++ b/example/lib/main.dart
@@ -17,7 +17,13 @@ class MyApp extends StatelessWidget {
       theme: ThemeData(
         primarySwatch: Colors.blue,
         visualDensity: VisualDensity.adaptivePlatformDensity,
+        useMaterial3: true,
       ),
+      // darkTheme: ThemeData(
+      //   primarySwatch: Colors.blue,
+      //   visualDensity: VisualDensity.adaptivePlatformDensity,
+      //   useMaterial3: true,
+      // ),
       localizationsDelegates: [
         GlobalMaterialLocalizations.delegate,
         GlobalWidgetsLocalizations.delegate,
diff --git a/example/lib/pages/home_page.dart b/example/lib/pages/home_page.dart
index b5cfa905..573432dd 100644
--- a/example/lib/pages/home_page.dart
+++ b/example/lib/pages/home_page.dart
@@ -85,9 +85,6 @@ class _HomePageState extends State<HomePage> {
         }
         return Scaffold(
           appBar: AppBar(
-            backgroundColor: Colors.grey.shade800,
-            elevation: 0,
-            centerTitle: false,
             title: const Text(
               'Flutter Quill',
             ),
@@ -117,10 +114,7 @@ class _HomePageState extends State<HomePage> {
               )
             ],
           ),
-          drawer: Container(
-            constraints: BoxConstraints(
-                maxWidth: MediaQuery.sizeOf(context).width * 0.7),
-            color: Colors.grey.shade800,
+          drawer: Drawer(
             child: _buildMenuBar(context),
           ),
           body: _buildWelcomeEditor(context),
@@ -510,29 +504,25 @@ class _HomePageState extends State<HomePage> {
 
   Widget _buildMenuBar(BuildContext context) {
     final size = MediaQuery.sizeOf(context);
-    const itemStyle = TextStyle(
-      color: Colors.white,
-      fontSize: 18,
-      fontWeight: FontWeight.bold,
-    );
     return Column(
       mainAxisAlignment: MainAxisAlignment.center,
       children: [
         Divider(
           thickness: 2,
-          color: Colors.white,
           indent: size.width * 0.1,
           endIndent: size.width * 0.1,
         ),
         ListTile(
-          title: const Center(child: Text('Read only demo', style: itemStyle)),
+          title: const Center(
+              child: Text(
+            'Read only demo',
+          )),
           dense: true,
           visualDensity: VisualDensity.compact,
           onTap: _readOnly,
         ),
         Divider(
           thickness: 2,
-          color: Colors.white,
           indent: size.width * 0.1,
           endIndent: size.width * 0.1,
         ),
diff --git a/example/pubspec.yaml b/example/pubspec.yaml
index 4c74eae5..d4fd099b 100644
--- a/example/pubspec.yaml
+++ b/example/pubspec.yaml
@@ -15,8 +15,8 @@ dependencies:
   path_provider: ^2.1.1
   filesystem_picker: ^4.0.0
   file_picker: ^6.1.1
-  flutter_quill: ^8.1.10
-  flutter_quill_extensions: ^0.5.0
+  flutter_quill: ^8.2.0
+  flutter_quill_extensions: ^0.6.0-dev.2
 
 dependency_overrides:
   flutter_quill: