diff --git a/packages/react-components/lib/beacons/beacon-table-datagrid.stories.tsx b/packages/react-components/lib/beacons/beacon-table-datagrid.stories.tsx
index d622c3539..2e4ea2388 100644
--- a/packages/react-components/lib/beacons/beacon-table-datagrid.stories.tsx
+++ b/packages/react-components/lib/beacons/beacon-table-datagrid.stories.tsx
@@ -4,5 +4,13 @@ import { storiesOf } from '@storybook/react';
 import { makeBeaconState } from './test-utils.spec';
 
 storiesOf('BeaconDataGridTable', module)
-  .add('Default', () => <BeaconDataGridTable beacons={[makeBeaconState()]} />)
+  .add('Default', () => (
+    <BeaconDataGridTable
+      beacons={[
+        makeBeaconState({ id: 'test_beacon1' }),
+        makeBeaconState({ id: 'test_beacon2', activated: true }),
+        makeBeaconState({ id: 'test_beacon3', online: false }),
+      ]}
+    />
+  ))
   .add('Empty', () => <BeaconDataGridTable beacons={[]} />);