diff --git a/README.md b/README.md
index 3222256c..6d55841b 100644
--- a/README.md
+++ b/README.md
@@ -41,7 +41,7 @@ functionality.
     <tr>
       <td style="text-align: center;">
         <strong>Add circles</strong>
-        <img src="https://raw.githubusercontent.com/josxha/flutter-maplibre/427311f8f4577c215bf73caf46e3769629e74e3b/docs/static/img/layers/circle_layer.jpg" alt="Circle Layer" />
+        <img src="https://raw.githubusercontent.com/josxha/flutter-maplibre/fe660b8d1c055d32e74cbc2ee0809281331a130b/docs/static/img/layers/circle_layer.jpg" alt="Circle Layer" />
       </td>
       <td style="text-align: center;">
         <strong>Add 3D building outlines</strong>
diff --git a/docs/src/pages/index.module.css b/docs/src/pages/index.module.css
index 34b51289..5fd1b264 100644
--- a/docs/src/pages/index.module.css
+++ b/docs/src/pages/index.module.css
@@ -23,5 +23,5 @@
 .buttons {
   display: flex;
   align-items: center;
-  justify-content: center;
+  justify-content: space-evenly;
 }
diff --git a/docs/src/pages/index.tsx b/docs/src/pages/index.tsx
index 2093dde5..46ce6ae4 100644
--- a/docs/src/pages/index.tsx
+++ b/docs/src/pages/index.tsx
@@ -22,6 +22,11 @@ function HomepageHeader() {
             to="/docs/getting-started/add-dependency">
             Getting Started
           </Link>
+          <Link
+            className="button button--secondary button--lg"
+            to="/demo">
+            Example App
+          </Link>
         </div>
       </div>
     </header>
diff --git a/docs/static/img/layers/circle_layer.jpg b/docs/static/img/layers/circle_layer.jpg
index 110add53..538c6d0b 100644
Binary files a/docs/static/img/layers/circle_layer.jpg and b/docs/static/img/layers/circle_layer.jpg differ
diff --git a/example/lib/annotations_mixed_page.dart b/example/lib/annotations_mixed_page.dart
index 67ac9321..86e6dc2a 100644
--- a/example/lib/annotations_mixed_page.dart
+++ b/example/lib/annotations_mixed_page.dart
@@ -34,6 +34,7 @@ class _AnnotationsMixedPageState extends State<AnnotationsMixedPage> {
             padding: const EdgeInsets.all(8),
             child: Wrap(
               spacing: 8,
+              runSpacing: 2,
               alignment: WrapAlignment.center,
               children: [
                 OutlinedButton(
diff --git a/example/lib/controller_page.dart b/example/lib/controller_page.dart
index 885056e0..d254fed8 100644
--- a/example/lib/controller_page.dart
+++ b/example/lib/controller_page.dart
@@ -25,6 +25,7 @@ class _ControllerPageState extends State<ControllerPage> {
             padding: const EdgeInsets.all(8),
             child: Wrap(
               spacing: 8,
+              runSpacing: 2,
               alignment: WrapAlignment.center,
               children: [
                 OutlinedButton(
diff --git a/example/lib/gestures_page.dart b/example/lib/gestures_page.dart
index 502cd7fc..7069f6f2 100644
--- a/example/lib/gestures_page.dart
+++ b/example/lib/gestures_page.dart
@@ -26,6 +26,7 @@ class _GesturesPageState extends State<GesturesPage> {
             padding: const EdgeInsets.all(8),
             child: Wrap(
               spacing: 8,
+              runSpacing: 2,
               children: Gestures.values
                   .map(
                     (e) => ChoiceChip(
diff --git a/example/lib/layers_circle_page.dart b/example/lib/layers_circle_page.dart
index 3d70fe03..8fae11b1 100644
--- a/example/lib/layers_circle_page.dart
+++ b/example/lib/layers_circle_page.dart
@@ -62,16 +62,6 @@ const _circleLayer = CircleLayer(
         1,
         1,
         6,
-        4
-      ],
-      16,
-      [
-        'interpolate',
-        ['linear'],
-        ['get', 'mag'],
-        1,
-        5,
-        6,
         50
       ]
     ],
diff --git a/example/lib/two_maps_page.dart b/example/lib/two_maps_page.dart
index f3a41243..db5df9a8 100644
--- a/example/lib/two_maps_page.dart
+++ b/example/lib/two_maps_page.dart
@@ -60,6 +60,7 @@ class _ButtonsWidget extends StatelessWidget {
       padding: const EdgeInsets.all(8),
       child: Wrap(
         spacing: 8,
+        runSpacing: 2,
         children: [
           OutlinedButton(
             onPressed: () {
diff --git a/example/lib/user_location_page.dart b/example/lib/user_location_page.dart
index b7ca645d..314170d0 100644
--- a/example/lib/user_location_page.dart
+++ b/example/lib/user_location_page.dart
@@ -26,6 +26,7 @@ class _UserLocationPageState extends State<UserLocationPage> {
             padding: const EdgeInsets.all(8),
             child: Wrap(
               spacing: 8,
+              runSpacing: 2,
               alignment: WrapAlignment.center,
               children: [
                 OutlinedButton(
diff --git a/lib/src/web/widget_state.dart b/lib/src/web/widget_state.dart
index 22a7d479..7ff1774f 100644
--- a/lib/src/web/widget_state.dart
+++ b/lib/src/web/widget_state.dart
@@ -21,7 +21,7 @@ final class MapLibreMapStateWeb extends State<MapLibreMap>
   late interop.JsMap _map;
   Completer<interop.MapLibreEvent>? _movementCompleter;
   bool _nextGestureCausedByController = false;
-  late AnnotationManager _annotationManager;
+  AnnotationManager? _annotationManager;
 
   MapOptions get _options => widget.options;
 
@@ -229,7 +229,7 @@ final class MapLibreMapStateWeb extends State<MapLibreMap>
     if (_options.gestures != oldWidget.options.gestures) {
       _updateGestures(_options.gestures);
     }
-    _annotationManager.updateLayers(widget.layers);
+    _annotationManager?.updateLayers(widget.layers);
     super.didUpdateWidget(oldWidget);
   }