diff --git a/demo/examples/legend.html b/demo/examples/legend.html
index 235ab632..b53f6f25 100644
--- a/demo/examples/legend.html
+++ b/demo/examples/legend.html
@@ -37,6 +37,11 @@ <h1>Legend</h1>
 
         <div class="grid">
             <div id="chart7" class="container"></div>
+            <div id="chart8" class="container"></div>
+        </div>
+
+        <div class="grid">
+            <div id="chart9" class="container"></div>
         </div>
 
         <script>
@@ -198,6 +203,57 @@ <h1>Legend</h1>
                     position: 'top',
                 },
             });
+
+            const y8 = new Yagr(chart8, {
+                title: {text: 'Pagination on'},
+                timeline: new Array(100).fill(1).map((_, i) => i + 1),
+                series: new Array(100).fill(1).map((x) => {
+                    return {
+                        data: new Array(100).fill(1).map(() => Math.floor(Math.random() * 4)),
+                        color: `rgb(${Math.random() * 255}, ${Math.random() * 255}, ${Math.random() * 255})`,
+                        type: 'line',
+                    };
+                }),
+                axes: {
+                    y: {values: (u, v) => v.map((x) => x + ' Mb')},
+                },
+                scales: {
+                    y: {min: 0, max: 5},
+                },
+                legend: {
+                    show: true,
+                    position: 'bottom',
+                    maxLegendSpace: 0.2,
+                    behaviour: 'extended',
+                    pagination: true,
+                },
+            });
+
+            const y9 = new Yagr(chart9, {
+                title: {text: 'Pagination off'},
+                timeline: new Array(100).fill(1).map((_, i) => i + 1),
+                series: new Array(100).fill(1).map((x, i) => {
+                    return {
+                        data: new Array(100).fill(1).map(() => Math.floor(Math.random() * 4)),
+                        color: `rgb(${Math.random() * 255}, ${Math.random() * 255}, ${Math.random() * 255})`,
+                        type: 'line',
+                    };
+                }),
+                axes: {
+                    y: {values: (u, v) => v.map((x) => x + ' Mb')},
+                },
+                scales: {
+                    y: {min: 0, max: 5},
+                },
+                legend: {
+                    show: true,
+                    position: 'bottom',
+                    maxLegendSpace: 0.2,
+                    behaviour: 'extended',
+                    pagination: false,
+                },
+            });
+          
         </script>
     </body>
 </html>
diff --git a/src/YagrCore/plugins/legend/legend.scss b/src/YagrCore/plugins/legend/legend.scss
index 3d44fe8d..07c28618 100644
--- a/src/YagrCore/plugins/legend/legend.scss
+++ b/src/YagrCore/plugins/legend/legend.scss
@@ -14,6 +14,11 @@ $block: yagr-legend;
         width: 100%;
         height: 100%;
         overflow: hidden;
+
+        &_scroll {
+            overflow-x: hidden;
+            overflow-y: auto;
+        }
     }
 
     &__items {
diff --git a/src/YagrCore/plugins/legend/legend.ts b/src/YagrCore/plugins/legend/legend.ts
index a1e508d2..1672080e 100644
--- a/src/YagrCore/plugins/legend/legend.ts
+++ b/src/YagrCore/plugins/legend/legend.ts
@@ -19,6 +19,8 @@ export interface LegendOptions {
     fontSize?: number;
     /** Basic behaviour includes only toggle behaviuor ("Hide/show all" button exists) */
     behaviour?: 'basic' | 'extended';
+    /** Displays pagination if rows exceed the available height (default: true) */
+    pagination?: boolean;
 }
 
 interface LegendState {
@@ -95,6 +97,7 @@ export default class LegendPlugin {
                 maxLegendSpace: DEFAULT_LEGEND_PLACE_RATIO,
                 className: undefined,
                 behaviour: 'basic',
+                pagination: true,
             },
             options || {},
         );
@@ -330,10 +333,14 @@ export default class LegendPlugin {
         this.items = legendEl.querySelector('.yagr-legend__items') as HTMLElement;
         this.container = legendEl.querySelector('.yagr-legend__container') as HTMLElement;
 
+        if (!this.options.pagination) {
+            this.container.classList.add('yagr-legend__container_scroll');
+        }
+
         if (this.state.paginated) {
             const pagination = this.renderPagination();
             this.container?.after(pagination);
-        } else {
+        } else if (this.options.pagination) {
             this.items.style.justifyContent = 'center';
         }
 
@@ -486,7 +493,7 @@ export default class LegendPlugin {
         const itemsRowsPerPage = rowsPerPage - 1;
         const itemsPageSize = Math.min(itemsRowsPerPage * rowHeight, maxPossiblePlace);
         const paginatedPageSize = Math.min(rowsPerPage * rowHeight, maxPossiblePlace);
-        const paginated = requiredHeight > itemsPageSize && itemsPageSize > 0;
+        const paginated = Boolean(this.options.pagination) && requiredHeight > itemsPageSize && itemsPageSize > 0;
         const requiredSpace = Math.min(paginated ? paginatedPageSize : itemsPageSize, requiredHeight);
         const pages = Math.ceil(requiredHeight / itemsPageSize);
         const additionalSpace = paginated ? this.VERTICAL_PADDING + PAGINATION_BUTTON_HEIGHT : this.VERTICAL_PADDING;