diff --git a/packages/pinball_flame/lib/src/canvas/z_canvas_component.dart b/packages/pinball_flame/lib/src/canvas/z_canvas_component.dart
index e097f359..e149bf58 100644
--- a/packages/pinball_flame/lib/src/canvas/z_canvas_component.dart
+++ b/packages/pinball_flame/lib/src/canvas/z_canvas_component.dart
@@ -1,4 +1,5 @@
 import 'dart:ui';
+import 'package:collection/collection.dart' as collection;
 
 import 'package:flame/components.dart';
 import 'package:pinball_flame/src/canvas/canvas_wrapper.dart';
@@ -56,7 +57,14 @@ class _ZCanvas extends CanvasWrapper {
   final List<ZIndex> _zBuffer = [];
 
   /// Postpones the rendering of [ZIndex] component and its children.
-  void buffer(ZIndex component) => _zBuffer.add(component);
+  void buffer(ZIndex component) {
+    final lowerBound = collection.lowerBound<ZIndex>(
+      _zBuffer,
+      component,
+      compare: (a, b) => a.zIndex.compareTo(b.zIndex),
+    );
+    _zBuffer.insert(lowerBound, component);
+  }
 
   /// Renders all [ZIndex] components and their children.
   ///
@@ -69,8 +77,7 @@ class _ZCanvas extends CanvasWrapper {
   /// before the second one.
   /// {@endtemplate}
   void render() => _zBuffer
-    ..sort((a, b) => a.zIndex.compareTo(b.zIndex))
-    ..whereType<Component>().forEach(_render)
+    ..forEach(_render)
     ..clear();
 
   void _render(Component component) => component.renderTree(canvas);