diff --git a/views/layouts/navbar.ejs b/views/layouts/navbar.ejs
index 3aed32a..9b8bf5d 100644
--- a/views/layouts/navbar.ejs
+++ b/views/layouts/navbar.ejs
@@ -1,6 +1,6 @@
 <% if(types == "v1") { %>
     <nav class="navbar navbar-expand-lg navbar-dark comp-color ml-5 mr-5 nav-radius">
-        <a href="/"><img alt="Banner" class="navbar-brand lazyload" height="80" src="img/logo_transparent.webp"
+        <a href="/"><img alt="Banner" class="navbar-brand lazyload" src="img/logo_transparent.webp"
                 style="margin-top: 0%;" width="80"></a>
         <button aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation"
             class="navbar-toggler" data-target="#navbarTogglerDemo01" data-toggle="collapse" type="button">
diff --git a/views/pages/notif-pay.ejs b/views/pages/notif-pay.ejs
index 8b8add9..723f595 100644
--- a/views/pages/notif-pay.ejs
+++ b/views/pages/notif-pay.ejs
@@ -132,15 +132,7 @@
     <script src="https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.3.2/lazysizes.min.js"></script>
 </head>
 <body>
-    <nav class="navbar navbar-dark nav-color ml-5 mr-5 nav-radius">
-        <a href="/"><img alt="Banner" class="navbar-brand lazyload" src="img/logo_transparent.webp" style="margin-top: 0%;"></a>
-        <ul class="navbar-nav">
-            <li class="nav-item">
-                <a style="color: white; font-size: 16pt;">Payment</a>
-            </li>
-        </ul>
-        <div class="collapse navbar-collapse" id="navbarTogglerDemo01"></div>
-    </nav>
+    <%- include('../layouts/navbar.ejs', {types: 'v3', title: 'Notification'}); %>
 
     <br>
 
diff --git a/views/pages/payment.ejs b/views/pages/payment.ejs
index a6b2517..b6a7212 100644
--- a/views/pages/payment.ejs
+++ b/views/pages/payment.ejs
@@ -142,16 +142,7 @@
     <script src="https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.3.2/lazysizes.min.js"></script>
 </head>
 <body>
-    <nav class="navbar navbar-dark nav-color ml-5 mr-5 nav-radius">
-        <img alt="Banner" class="navbar-brand lazyload" src="img/logo_transparent.webp" style="margin-top: 0%;"
-            width="5%">
-        <ul class="navbar-nav">
-            <li class="nav-item">
-                <a style="color: white; font-size: 16pt;">Payment</a>
-            </li>
-        </ul>
-        <div class="collapse navbar-collapse" id="navbarTogglerDemo01"></div>
-    </nav>
+    <%- include('../layouts/navbar.ejs', {types: 'v3', title: 'Payment'}); %>
 
     <br>
 
diff --git a/views/pages/success-add.ejs b/views/pages/success-add.ejs
index 51147e6..becf72b 100644
--- a/views/pages/success-add.ejs
+++ b/views/pages/success-add.ejs
@@ -132,15 +132,7 @@
     <script src="https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.3.2/lazysizes.min.js"></script>
 </head>
 <body>
-    <nav class="navbar navbar-dark nav-color ml-5 mr-5 nav-radius">
-        <a href="/"><img alt="Banner" class="navbar-brand lazyload" src="img/logo_transparent.webp" style="margin-top: 0%;"></a>
-        <ul class="navbar-nav">
-            <li class="nav-item">
-                <a style="color: white; font-size: 16pt;">Payment</a>
-            </li>
-        </ul>
-        <div class="collapse navbar-collapse" id="navbarTogglerDemo01"></div>
-    </nav>
+    <%- include('../layouts/navbar.ejs', {types: 'v3', title: 'Notification'}); %>
 
     <br>