diff --git a/public/css/index.css b/public/css/index.css
index 51de523..76d4c54 100644
--- a/public/css/index.css
+++ b/public/css/index.css
@@ -21,6 +21,18 @@ body {
     width: 5%;
 }
 
+.button-close {
+    color: white;
+    background-color: darkred;
+    border-color: darkred;
+    border-radius: 100px;
+}
+
+.button-close:hover {
+    background-color: red;
+    border-color: red;
+}
+
 @media screen and (max-width: 500px) {
     .navbar-brand {
         width: 15vw;
diff --git a/views/layouts/header.ejs b/views/layouts/header.ejs
index 7bd7ec7..b9642ad 100644
--- a/views/layouts/header.ejs
+++ b/views/layouts/header.ejs
@@ -3,7 +3,7 @@
     <meta content="IE=edge" http-equiv="X-UA-Compatible">
     <meta content="width=device-width, initial-scale=1" name="viewport">
     <meta name="theme-color" content="#2f0001">
-    <link href="assets/favicon.webp" rel="shortcut icon" type="image/webp" />
+    <link href="img/favicon.webp" rel="shortcut icon" type="image/webp" />
     <title><%= title %></title>
     <link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css"
         integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" rel="stylesheet">
diff --git a/views/pages/index.ejs b/views/pages/index.ejs
index be5dbce..010bd52 100644
--- a/views/pages/index.ejs
+++ b/views/pages/index.ejs
@@ -580,7 +580,7 @@
                                         You have successfully subscribed to the newsletter. Thank you for your subscription.
                                     </div>
                                     <div class="modal-footer">
-                                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
+                                    <button type="button" class="btn btn-secondary button-close" data-dismiss="modal">Close</button>
                                     </div>
                                 </div>
                             </div>