diff --git a/spine-flutter/example/lib/dress_up.dart b/spine-flutter/example/lib/dress_up.dart
index 6ba544ff0..a96d3ac38 100644
--- a/spine-flutter/example/lib/dress_up.dart
+++ b/spine-flutter/example/lib/dress_up.dart
@@ -22,9 +22,12 @@ class DressUpState extends State<DressUp> {
       for (var skin in drawable.skeletonData.getSkins()) {
         var recorder = ui.PictureRecorder();
         var canvas = Canvas(recorder, const Rect.fromLTWH(0, 0, thumbnailSize, thumbnailSize));
-        canvas.drawRect(Rect(0, 0, 200, 200), ColorP)
+        var paint = Paint()
+          ..color = ui.Color(0xff995588)
+          ..style = PaintingStyle.fill;
+        canvas.drawRect(Rect.fromLTWH(0, 0, 200, 200), paint);
         var imageData = await (await recorder.endRecording().toImage(thumbnailSize.toInt(), thumbnailSize.toInt())).toByteData(format: ui.ImageByteFormat.png);
-        _skinImages.add(Image.memory(imageData!.buffer.asUint8List()));
+        _skinImages.add(Image.memory(imageData!.buffer.asUint8List(), fit: BoxFit.none));
       }
       _drawable = drawable;
       setState(() {});
diff --git a/spine-flutter/example/lib/main.dart b/spine-flutter/example/lib/main.dart
index c6bf69a65..7d9a817bf 100644
--- a/spine-flutter/example/lib/main.dart
+++ b/spine-flutter/example/lib/main.dart
@@ -67,7 +67,7 @@ class ExampleSelector extends StatelessWidget {
               ),
               spacer,
               ElevatedButton(
-                child: const Text('Skins'),
+                child: const Text('Dress Up'),
                 onPressed: () {
                   Navigator.push(
                     context,