diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index 80c70d6..2687436 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -4,7 +4,7 @@ import { SignupComponent } from './componets/signup/signup.component';
 import { HomeComponent } from './componets/home/home.component';
 
 const route: Routes = [
-  {path: '', component: SignupComponent},
+  {path: '**', component: SignupComponent},
   {path: 'home', component: HomeComponent}
 ];
 
diff --git a/src/app/componets/navbar/navbar.component.html b/src/app/componets/navbar/navbar.component.html
index 86f4dda..0fba516 100644
--- a/src/app/componets/navbar/navbar.component.html
+++ b/src/app/componets/navbar/navbar.component.html
@@ -3,10 +3,10 @@
     <a class="navbar-brand">Angular App</a>
     <div>
       <ul class="navbar-nav ml-auto">
-        <li class="nav-item">
+        <li class="nav-item" [routerLinkActive]="['active']" [routerLinkActiveOptions]="{exact: true}">
           <a routerLink="/" class="nav-link">singup</a>
         </li>
-        <li class="nav-item">
+        <li class="nav-item" [routerLinkActive]="['active']" [routerLinkActiveOptions]="{exact: true}">
           <a routerLink="/home" class="nav-link">Home</a>
         </li>
       </ul>