diff --git a/packages/documentation/src/stories/components/popover/popover.stories.ts b/packages/documentation/src/stories/components/popover/popover.stories.ts
index e5fa3c86b0..a41156812c 100644
--- a/packages/documentation/src/stories/components/popover/popover.stories.ts
+++ b/packages/documentation/src/stories/components/popover/popover.stories.ts
@@ -46,24 +46,6 @@ const meta: MetaComponent = {
         category: 'General',
       },
     },
-    backgroundColor: {
-      name: 'Background color',
-      description: 'Define a background color, either `bg-primary` or `bg-yellow`.',
-      control: {
-        type: 'radio',
-        labels: {
-          yellow: 'Yellow',
-          primary: 'Primary',
-        },
-      },
-      options: ['primary', 'yellow'],
-      table: {
-        category: 'General',
-        type: {
-          summary: 'HTML class attribute',
-        },
-      },
-    },
     closeButtonCaption: {
       name: 'Close button caption',
     },
@@ -95,7 +77,7 @@ function render(args: Args) {
       </button>
     </div>
     <post-popover
-      class="hydrated bg-${args.backgroundColor}"
+      class="hydrated"
       id="${args.id}"
       placement="${args.placement}"
       ?arrow="${args.arrow}"