diff --git a/src/api/conversations.js b/src/api/conversations.js
index dce2dcd1..3a240cee 100644
--- a/src/api/conversations.js
+++ b/src/api/conversations.js
@@ -1,11 +1,18 @@
 
 import Vue from 'vue';
+import _ from 'lodash';
 import { getJsonBody } from './utils'
 
-export function getConversations(id) {
+export function getConversations(id, page, rows) {
+    let params = { subscriber_id: id, page: page, rows: rows };
     return new Promise((resolve, reject) => {
-        Vue.http.get('/api/conversations/?subscriber_id=' + id).then((result)=>{
-            resolve(getJsonBody(result.body)._embedded['ngcp:conversations']);
+        Vue.http.get('/api/conversations/', { params: params }).then((result)=>{
+            let jsonBody = getJsonBody(result.body);
+            if (_.has(jsonBody, "_embedded.ngcp:conversations")) {
+                resolve(jsonBody._embedded['ngcp:conversations']);
+            } else {
+                reject(new Error('No items returned for this page.'))
+            };
         }).catch((err)=>{
             reject(err);
         });
diff --git a/src/components/pages/Conversations.vue b/src/components/pages/Conversations.vue
index d7b31f27..4e069a77 100644
--- a/src/components/pages/Conversations.vue
+++ b/src/components/pages/Conversations.vue
@@ -1,18 +1,23 @@
 <template>
     <csc-page :title="$t('pages.conversations.title')">
-        <q-card v-for="conversation in conversations" :key="conversation.caller"
-            class="conversation-card">
-            <csc-collapsible :icon="getCollapsibleIcons(conversation)"
-                :label="getCollapsibleLabel(conversation)"
-                :sublabel="conversation.start_time | readableDate">
-            </csc-collapsible>
-            <div v-if="hasCallOption(conversation.type)">
-                <q-card-separator />
-                <q-card-actions align="center">
-                    <q-btn flat round small color="primary" icon="call">{{ $t('pages.conversations.buttons.call') }}</q-btn>
-                </q-card-actions>
+        <q-infinite-scroll :handler="loadMore" :offset=1 ref="infinite">
+            <q-card v-for="conversation in conversations" :key="conversation.caller"
+                class="conversation-card">
+                <csc-collapsible :icon="getCollapsibleIcons(conversation)"
+                    :label="getCollapsibleLabel(conversation)"
+                    :sublabel="conversation.start_time | readableDate">
+                </csc-collapsible>
+                <div v-if="hasCallOption(conversation.type)">
+                    <q-card-separator />
+                    <q-card-actions align="center">
+                        <q-btn flat round small color="primary" icon="call">{{ $t('pages.conversations.buttons.call') }}</q-btn>
+                    </q-card-actions>
+                </div>
+            </q-card>
+            <div slot="message" class="row justify-center">
+                <q-spinner-dots :size="40"></q-spinner-dots>
             </div>
-        </q-card>
+        </q-infinite-scroll>
     </csc-page>
 </template>
 
@@ -20,30 +25,36 @@
     import CscPage from '../CscPage'
     import CscCollapsible from '../card/CscCollapsible'
     import { QBtn, QCardActions, QCard,
-        QCardSeparator } from 'quasar-framework'
+        QCardSeparator, QInfiniteScroll, QSpinnerDots } from 'quasar-framework'
     export default {
         data () {
             return {
-                conversations: []
             }
         },
-        mounted() {
-            this.$store.dispatch('conversations/loadConversations').then(() => {
-                this.conversations = this.$store.state.conversations.
-                    conversations;
-            }).catch((err) => {
-                console.log(err);
-            });
-        },
         components: {
             CscPage,
             QBtn,
             QCard,
             QCardActions,
             QCardSeparator,
-            CscCollapsible
+            CscCollapsible,
+            QInfiniteScroll,
+            QSpinnerDots
+        },
+        computed: {
+            conversations() {
+                return this.$store.state.conversations.conversations;
+            }
         },
         methods: {
+            loadMore(index, done) {
+                this.$store.dispatch('conversations/loadConversations').then(() => {
+                    done();
+                }).catch((err) => {
+                    done();
+                    this.$refs.infinite.stop();
+                });
+            },
             hasCallOption(type) {
                 return (['call', 'call forward', 'sms', 'voicemail']
                     .indexOf(type) > -1);
@@ -85,4 +96,6 @@
     padding 15px
     .q-btn
         margin-bottom -10px
+.q-infinite-scroll-message
+    margin-bottom 50px
 </style>
diff --git a/src/store/conversations.js b/src/store/conversations.js
index c5a30b0f..49252594 100644
--- a/src/store/conversations.js
+++ b/src/store/conversations.js
@@ -7,6 +7,8 @@ import { getConversations } from '../api/conversations';
 export default {
     namespaced: true,
     state: {
+        page: 1,
+        rows: 10,
         conversations: [
         ]
     },
@@ -21,13 +23,14 @@ export default {
                 };
                 list.push(item);
             })
-            state.conversations = list;
+            state.conversations = state.conversations.concat(list);
+            state.page++;
         }
     },
     actions: {
         loadConversations(context) {
             return new Promise((resolve, reject)=>{
-                getConversations(localStorage.getItem('subscriberId'))
+                getConversations(localStorage.getItem('subscriberId'), context.state.page, context.state.rows)
                     .then((result)=>{
                         context.commit('loadConversations', result);
                         resolve();