diff --git a/public/css/style.css b/public/css/style.css
index ea4e362..9d2c3d9 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -117,9 +117,15 @@ footer {
   align-items: center;
   align-content: center;
   text-decoration: none;
+}
+.nav-hyperlinks a,
+.nav-hyperlinks ion-icon,
+.mobile-nav-header ion-icon {
   color: rgba(var(--black), .52);
 }
-.nav-hyperlinks a:hover {
+.nav-hyperlinks a:hover,
+.nav-hyperlinks ion-icon:hover,
+.mobile-nav-header ion-icon:hover {
   color: rgba(var(--black), .86);
 }
 .nav-hyperlinks ion-icon {
@@ -150,7 +156,7 @@ footer {
   bottom: 0;
   top: 0;
   right: 0;
-  width: 400px;
+  width: min(400px, 95%);
   border-left: var(--borders);
   transform: translateX(100%);
   transition: transform 0.25s ease-in-out;
@@ -223,7 +229,7 @@ footer {
 .mobile-nav-backdrop.show {
   opacity: 0.5;
 }
-nav li[data-mobile] {
+nav li[data-mobile], button {
   cursor: pointer;
 }