diff --git a/src/app/components/components-routing.module.ts b/src/app/components/components-routing.module.ts
index 2f5a125..593d5ec 100644
--- a/src/app/components/components-routing.module.ts
+++ b/src/app/components/components-routing.module.ts
@@ -1,6 +1,7 @@
 import { NgModule } from '@angular/core';
 import { Routes, RouterModule } from '@angular/router';
 
+import { LeaderboardsComponent } from './leaderboards.component';
 import { ButtonsComponent } from './buttons.component';
 import { CardsComponent } from './cards.component';
 import { FormsComponent } from './forms.component';
@@ -17,6 +18,13 @@ const routes: Routes = [
       title: 'Components'
     },
     children: [
+      {
+        path: 'leaderboards',
+        component: LeaderboardsComponent,
+        data: {
+          title: 'Leaderboards'
+        }
+      },
       {
         path: 'buttons',
         component: ButtonsComponent,
diff --git a/src/app/components/components.module.ts b/src/app/components/components.module.ts
index 30cf24a..2429a97 100644
--- a/src/app/components/components.module.ts
+++ b/src/app/components/components.module.ts
@@ -1,5 +1,9 @@
 import { NgModule } from '@angular/core';
 
+// Pagesto be used in Production
+import { LeaderboardsComponent } from './leaderboards.component';
+
+// Buttons Component
 import { ButtonsComponent } from './buttons.component';
 import { CardsComponent } from './cards.component';
 
@@ -30,6 +34,7 @@ import { ComponentsRoutingModule } from './components-routing.module';
     TabsModule
   ],
   declarations: [
+    LeaderboardsComponent,
     ButtonsComponent,
     CardsComponent,
     FormsComponent,
diff --git a/src/app/components/leaderboards.component.ts b/src/app/components/leaderboards.component.ts
index a28f08b..c5cda43 100644
--- a/src/app/components/leaderboards.component.ts
+++ b/src/app/components/leaderboards.component.ts
@@ -1,4 +1,4 @@
-import { Component } from '@angular/core';
+import { Component, OnInit } from '@angular/core';
 import { Http, Response } from '@angular/http';
 import { ApiService } from '../providers/api-service';
 import 'rxjs/add/operator/map';
@@ -11,7 +11,6 @@ export class LeaderboardsComponent {
 
   constructor(
   private http: Http,
-	private formBuilder: FormBuilder,
 	private api: ApiService,
   ) { 
   }
diff --git a/src/app/layouts/full-layout.component.html b/src/app/layouts/full-layout.component.html
index 8098749..960d508 100644
--- a/src/app/layouts/full-layout.component.html
+++ b/src/app/layouts/full-layout.component.html
@@ -61,6 +61,9 @@
         <li class="nav-item nav-dropdown" routerLinkActive="open" appNavDropdown>
           <a class="nav-link nav-dropdown-toggle" href="#" appNavDropdownToggle><i class="icon-puzzle"></i> Components</a>
           <ul class="nav-dropdown-items">
+            <li class="nav-item">
+              <a class="nav-link" routerLinkActive="active" [routerLink]="['/components/leaderboards']"><i class="icon-puzzle"></i> Leaderboards</a>
+            </li>
             <li class="nav-item">
               <a class="nav-link" routerLinkActive="active" [routerLink]="['/components/buttons']"><i class="icon-puzzle"></i> Buttons</a>
             </li>
diff --git a/src/app/providers/api-service.ts b/src/app/providers/api-service.ts
index 94ae507..6cf34b5 100644
--- a/src/app/providers/api-service.ts
+++ b/src/app/providers/api-service.ts
@@ -75,7 +75,7 @@ export class ApiService {
   // Leaderboard Api
   
   public leaderboard_fetch(data) {
-    this.http.post(
+    return this.http.post(
 		  this.apiUrl + '/stats/leaderboard',
 		  {
 			session_key : this.sessionKey,