diff --git a/views/index.ejs b/views/index.ejs
index 73c3051e0c05fd64860822cfcd0db89ba412c09e..9561e42f7c278b2ce1ad3d25d6c11513b04207f3 100644
--- a/views/index.ejs
+++ b/views/index.ejs
@@ -34,12 +34,12 @@
       <!--header section start -->
       <div class="header_section">
          <div class="container-fluid">
-            <nav class="navbar navbar-light" style="background-color: #e3f2fd;">
+            <nav class="navbar navbar-expand-lg navbar-light bg-light" style="background-color: #e3f2fd;">
                <div class="logo"><a href="/"><img src="images/logo.png"></a></div>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav"aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
                </button>
-               <div class="navbar navbar-light" id="navbarNav"> 
+               <div class="collapse navbar-collapse" id="navbarNav"> 
                   <ul class="navbar-nav ml-auto">
                      <li class="nav-item active">
                         <a class="nav-link" href="/">Home</a>