diff --git a/examples/native/components/BackgroundExample/Background.stories.tsx b/examples/native/components/BackgroundExample/Background.stories.tsx
index 92a281b24f..a77cd301ae 100644
--- a/examples/native/components/BackgroundExample/Background.stories.tsx
+++ b/examples/native/components/BackgroundExample/Background.stories.tsx
@@ -8,9 +8,12 @@ addDecorator(withBackgrounds);
 
 storiesOf('Background StoriesOf', module)
   .addParameters({
-    backgrounds: [
-      { name: 'warm', value: 'hotpink', default: true },
-      { name: 'cool', value: 'deepskyblue' },
-    ],
+    backgrounds: {
+      default: 'warm',
+      values: [
+        { name: 'warm', value: 'hotpink' },
+        { name: 'cool', value: 'deepskyblue' },
+      ],
+    },
   })
   .add('Basic', () => <Text>Change background color via Addons -&gt; Background</Text>);
diff --git a/examples/native/components/BackgroundExample/BackgroundCsf.stories.tsx b/examples/native/components/BackgroundExample/BackgroundCsf.stories.tsx
index 799c3b6ab6..dd57edb6a4 100644
--- a/examples/native/components/BackgroundExample/BackgroundCsf.stories.tsx
+++ b/examples/native/components/BackgroundExample/BackgroundCsf.stories.tsx
@@ -16,10 +16,13 @@ const BackgroundMeta: ComponentMeta<typeof Background> = {
   component: Background,
   decorators: [withBackgrounds],
   parameters: {
-    backgrounds: [
-      { name: 'warm', value: 'hotpink', default: true },
-      { name: 'cool', value: 'deepskyblue' },
-    ],
+    backgrounds: {
+      default: 'warm',
+      values: [
+        { name: 'warm', value: 'hotpink' },
+        { name: 'cool', value: 'deepskyblue' },
+      ],
+    },
   },
 };