diff --git a/src/app/search/search.component.spec.ts b/src/app/search/search.component.spec.ts
index 6a029a4..4e83e7d 100644
--- a/src/app/search/search.component.spec.ts
+++ b/src/app/search/search.component.spec.ts
@@ -8,7 +8,7 @@ describe("Components", () => {
     describe("Search Component", () => {
 
         let helper: ComponentTestHelper<SearchComponent>;
-        let stateParams = { query: 'query' };
+        let stateParams = { query: 'query', per_page: 20 };
         let articleService = jasmine.createSpyObj("ArticleService", ["search"]);
         let result = Promise.resolve({ data: [{ id: 1 }], headers: (param: string) => { return 1; } });
         articleService.search = jasmine.createSpy("search").and.returnValue(result);
@@ -30,7 +30,7 @@ describe("Components", () => {
         });
 
         it("load first page with search results", () => {
-            expect(articleService.search).toHaveBeenCalledWith({ query: 'query', per_page: 10, page: 0 });
+            expect(articleService.search).toHaveBeenCalledWith({ query: 'query', per_page: 20, page: 0 });
         });
 
         it("display search results", () => {
diff --git a/src/app/search/search.component.ts b/src/app/search/search.component.ts
index 0500be1..e341b0a 100644
--- a/src/app/search/search.component.ts
+++ b/src/app/search/search.component.ts
@@ -19,6 +19,7 @@ export class SearchComponent {
 
     constructor(private articleService: ArticleService, private $stateParams: ng.ui.IStateParamsService, private $state: ng.ui.IStateService) {
         this.query = this.$stateParams['query'];
+        this.perPage = this.$stateParams['per_page'] || this.perPage;
         this.loadPage();
     }
 
--
libgit2 0.21.2