src/app/modules/auth/auth.module.ts

@@ -41,6 +41,9 @@ const routes: Routes = [
     RegisterComponent,
     ForgotPasswordComponent,
   ],
+  exports: [
+    ForgotPasswordComponent,
+  ],
   entryComponents: [
     LoginComponent,
     LogoutComponent,

src/app/modules/pro/channel/login/login.component.scss

@@ -152,7 +152,7 @@ m-pro--channel-login {
 
     minds-form-register,
     minds-form-login {
-      .mdl-card {
+      .mdl-card.m-login-box {
         background: transparent;
         padding: 0;
       }

src/app/modules/pro/pro.module.ts

@@ -29,6 +29,8 @@ import { MediaEditComponent } from "../media/edit/edit.component";
 import { BlogViewInfinite } from "../blogs/view/infinite";
 import { BlogEdit } from "../blogs/edit/edit";
 import { CanDeactivateGuardService } from "../../services/can-deactivate-guard";
+import { ForgotPasswordComponent } from "../auth/forgot-password/forgot-password.component";
+import { AuthModule } from "../auth/auth.module";
 import { ProHamburgerMenu } from './channel/hamburger-menu/hamburger-menu.component';
 
 const routes: Routes = [
@@ -55,6 +57,10 @@ const routes: Routes = [
             path: 'login',
             component: ProChannelLoginComponent,
           },
+          {
+            path: 'forgot-password',
+            component: ForgotPasswordComponent,
+          },
           {
             path: ':type',
             component: ProChannelListComponent,
@@ -78,6 +84,10 @@ export const STANDALONE_ROUTES = [
         path: 'login',
         component: ProChannelLoginComponent,
       },
+      {
+        path: 'forgot-password',
+        component: ForgotPasswordComponent,
+      },
       {
         path: ':type',
         component: ProChannelListComponent,
@@ -128,6 +138,7 @@ export const STANDALONE_ROUTES = [
     LegacyModule,
     WireModule,
     VideoModule,
+    AuthModule,
   ],
   providers: [ProService],
   declarations: [