Xtykutl

Am using material kit css for form design,
for redirecting login to signup page
when we click on [routerLink]="'/login'"
then it shows default bootstrap css not the material kit css when it is refreshing the page it works correctly
Can you guys tell me how to solve this issue..?

Please check the images

here is the code

<form class="form" method="" action="#">

                <div class="input-group">

                  <span class="input-group-addon">

                    <i class="material-icons">face</i>

                  </span>

                  <input

                    type="text"

                    class="form-control"

                    placeholder="Fullname..."

                  />

                </div>

                <div class="input-group">

                  <span class="input-group-addon">

                    <i class="material-icons">email</i>

                  </span>

                  <input

                    type="text"

                    class="form-control"

                    placeholder="Email..."

                  />

                </div>

                <div class="input-group">

                  <span class="input-group-addon">

                    <i class="material-icons">lock_outline</i>

                  </span>

                  <input

                    type="password"

                    placeholder="Password..."

                    class="form-control"

                  />

                </div>

                <!--

                  If you want to add a checkbox to this form, uncomment this code

                -->

                <div class="checkbox text-center">

                  <label>

                    <input type="checkbox" name="optionsCheckboxes" checked /> I

                    agree to the <a href="#something">terms and conditions</a>.

                  </label>

                </div>

                <div class="footer text-center">

                  <a href="#pablo" class="btn btn-primary btn-round"

                    >Get Started</a

                  >

                  <hr />

                  <p>

                   Registered ? Great then

                    <a [routerLink]="'/login'">Login</a>

                  </p>

                </div>

              </form>

css is changing when we use routerLink what is solution for this?

Thank you