diff --git a/packages/visualizations-react/stories/Poi/PoiMap.stories.tsx b/packages/visualizations-react/stories/Poi/PoiMap.stories.tsx
index dcf31972..6602970a 100644
--- a/packages/visualizations-react/stories/Poi/PoiMap.stories.tsx
+++ b/packages/visualizations-react/stories/Poi/PoiMap.stories.tsx
@@ -107,7 +107,7 @@ const meta: ComponentMeta<typeof PoiMap> = {
 
 export default meta;
 
-const Template: ComponentStory<typeof PoiMap> = (args) => (
+const Template: ComponentStory<typeof PoiMap> = args => (
     <div
         style={{
             width: '50%',
@@ -170,3 +170,18 @@ const PoiMapLegendCenterArgs = {
     options: { ...options, legend: { ...legend, align: 'center' as const } },
 };
 PoiMapLegendCenter.args = PoiMapLegendCenterArgs;
+
+/**
+ * STORY: With legend on center align
+ */
+export const PoiMapMinMaxZooms: ComponentStory<typeof PoiMap> = Template.bind({});
+const PoiMapMinMaxZoomsArgs = {
+    data: { value: { layers: [{ ...layer1, colorMatch: citiesColorMatch }, layer2], sources } },
+    options: { 
+        ...options,
+        legend: { ...legend, align: 'center' as const },
+        minZoom: 3,
+        maxZoom: 5,
+    },
+};
+PoiMapMinMaxZooms.args = PoiMapMinMaxZoomsArgs;