diff --git a/src/components/paginator/RowsPerPageDropdown.vue b/src/components/paginator/RowsPerPageDropdown.vue
index 29166e0c6..b13d51691 100644
--- a/src/components/paginator/RowsPerPageDropdown.vue
+++ b/src/components/paginator/RowsPerPageDropdown.vue
@@ -1,30 +1,35 @@
 <template>
-	<Dropdown :value="rows" :options="rowsOptions" optionLabel="label" optionValue="value"
-        @input="onChange($event)"></Dropdown>
+	<RPPDropdown :value="rows" :options="rowsOptions" optionLabel="label" optionValue="value"
+        @input="onChange($event)"></RPPDropdown>
 </template>
-<script>
-	export default {
-		inheritAttrs: false,
-		props: {
-			options: Array,
-			rows: Number
-        },
-        methods: {
-            onChange(value) {
-                this.$emit('rows-change', value);
-            }
-        },
-		computed: {
-			rowsOptions() {
-				let opts = [];
-				if (this.options) {
-					for(let i= 0; i < this.options.length; i++) {
-						opts.push({label: String(this.options[i]), value: this.options[i]})
-					}
-				}
-				return opts;
-			}
-		}
 
-	}
+<script>
+import Dropdown from '../dropdown/Dropdown';
+
+export default {
+    inheritAttrs: false,
+    props: {
+        options: Array,
+        rows: Number
+    },
+    methods: {
+        onChange(value) {
+            this.$emit('rows-change', value);
+        }
+    },
+    computed: {
+        rowsOptions() {
+            let opts = [];
+            if (this.options) {
+                for(let i= 0; i < this.options.length; i++) {
+                    opts.push({label: String(this.options[i]), value: this.options[i]})
+                }
+            }
+            return opts;
+        }
+    },
+    components: {
+        'RPPDropdown': Dropdown
+    }
+}
 </script>
\ No newline at end of file