Fix design

src/app/login/containers/forgot-password.component.css

+.form-border {
+    border: 1px solid #dee2e6;
+    border-top: none;
+    border-bottom-left-radius: .25rem;
+    border-bottom-right-radius: .25rem;
+}
\ No newline at end of file

src/app/login/containers/forgot-password.component.html

-<div class="row align-items-center">
-    <div class="col-12 mx-auto col-md-6 order-md-2 text-center">
-        <tabset [justified]="true">
-            <tab heading="Forgot password">
-                <div class="container text-left py-2">
-                    <app-form-forgot-password (submitted)="forgotPassword($event)"></app-form-forgot-password>
+<div class="container">
+    <div class="row align-items-center">
+        <div class="col-12 mx-auto col-md-6 order-md-2 text-center">
+            <tabset [justified]="true">
+                <tab heading="Forgot password">
+                    <div class="container text-left py-2 form-border">
+                        <app-form-forgot-password (submitted)="forgotPassword($event)"></app-form-forgot-password>
 
-                    <div class="text-right">
-                        <small>Already have login and password? <a routerLink="/login">Sign in</a></small>
+                        <div class="text-right">
+                            <small>Already have login and password? <a routerLink="/login">Sign in</a></small>
+                        </div>
                     </div>
-                </div>
-            </tab>
-        </tabset>
-    </div>
-    <div class="col-md-6 order-md-1 text-justify text-md-left pr-md-5 align-self-start">
-        <app-account-benefits></app-account-benefits>
+                </tab>
+            </tabset>
+        </div>
+        <div class="col-md-6 order-md-1 text-justify text-md-left pr-md-5 align-self-start">
+            <app-account-benefits></app-account-benefits>
+        </div>
     </div>
 </div>
\ No newline at end of file

src/app/login/containers/forgot-password.component.ts

@@ -8,7 +8,7 @@ import * as fromLogin from '../store/login.reducer';
 @Component({
     selector: 'app-forgot-password',
     templateUrl: 'forgot-password.component.html',
-    styleUrls: ['login.component.css']
+    styleUrls: ['forgot-password.component.css']
 })
 export class ForgotPasswordComponent implements OnInit {
     constructor(private store: Store<{ login: fromLogin.State }>) { }

src/app/login/containers/login.component.html

-<div class="row align-items-center">
-    <div class="col-12 mx-auto col-md-6 order-md-2 text-center">
-        <tabset [justified]="true" class="tabset">
-            <tab heading="Login">
-                <div class="container text-left py-2">
-                    <app-form-login (submitted)="login($event)"></app-form-login>
+<div class="container">
+    <div class="row align-items-center">
+        <div class="col-12 mx-auto col-md-6 order-md-2 text-center">
+            <tabset [justified]="true" class="tabset">
+                <tab heading="Login">
+                    <div class="container text-left py-2">
+                        <app-form-login (submitted)="login($event)"></app-form-login>
 
-                    <div class="text-right">
-                        <small><a routerLink="/forgot-password">Forgot your password?</a></small>
+                        <div class="text-right">
+                            <small><a routerLink="/forgot-password">Forgot your password?</a></small>
+                        </div>
                     </div>
-                </div>
-            </tab>
-            <tab heading="Register">
-                <div class="container text-left py-2">
-                    <app-form-register (submitted)="register($event)"></app-form-register>
-                </div>
-            </tab>
-        </tabset>
-    </div>
-    <div class="col-md-6 order-md-1 text-justify text-md-left pr-md-5 align-self-start">
-        <app-account-benefits></app-account-benefits>
+                </tab>
+                <tab heading="Register">
+                    <div class="container text-left py-2">
+                        <app-form-register (submitted)="register($event)"></app-form-register>
+                    </div>
+                </tab>
+            </tabset>
+        </div>
+        <div class="col-md-6 order-md-1 text-justify text-md-left pr-md-5 align-self-start">
+            <app-account-benefits></app-account-benefits>
+        </div>
     </div>
 </div>
\ No newline at end of file