diff --git a/views/index.ejs b/views/index.ejs
index d47a68547c2a85833f88fc8d13e215880a40ae94..06459ccdb1110ccfc3786147e7b72e92f2955a93 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-expand-lg navbar-light bg-light">
+            <nav class="navbar navbar-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" style="background-color: #e3f2fd; 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>