diff --git a/index.html b/index.html
index 84d03f8..e56e420 100644
--- a/index.html
+++ b/index.html
@@ -11,7 +11,7 @@
   <link rel="icon" href="assets/favicon-192.png" sizes="192x192">
   <style>
   body {
-    font-family: Roboto,Helvetica,sans-serif;
+    font-family: Roboto, Helvetica, sans-serif;
     background: #ddd;
     margin: 1em auto;
     max-width: 1000px;
@@ -31,20 +31,20 @@
     padding: 0.5em;
     list-style-type: none; /* Disable bullet points */
     border-radius: 10px;
-    border:1px solid #c0c0c0;
+    border: 1px solid #c0c0c0;
     background: #f5f5f5;
     box-shadow: 2px 2px 5px #bbb;
   }
   a:link {
-    color:#0b61a4;
-    text-decoration:none;
+    color: #0b61a4;
+    text-decoration: none;
   }
   a:visited {
-    color:#033e6b;
-    text-decoration:none;
+    color: #033e6b;
+    text-decoration: none;
   }
   a:hover {
-    text-decoration:underline;
+    text-decoration: underline;
   }
   .icons a:hover {
     text-decoration: none;
@@ -73,7 +73,16 @@
   }
   .icon {
     height: 1em;
-    margin-right: 0.5em;
+    width: 1em;
+    display: inline-block;
+    border-radius: 50%;
+    transition: background-color 0.3s ease;
+    padding: 0.5em;
+    overflow: visible;
+  }
+  .icon:hover {
+    background-color: #ffb772;
+    cursor: pointer;
   }
   .icons {
     float: right;
@@ -149,10 +158,10 @@
     color: #efefef;
   }
   #book-info > a:link {
-    color: #d94b7b
+    color: #d94b7b;
   }
   #book-info > a:visited {
-    color: #d94b7b
+    color: #d94b7b;
   }
   </style>
 </head>
@@ -185,7 +194,7 @@
           </div>
           <div class="menu-item">
             <img class="top-icon" src="assets/update-icon.svg" alt="update icon">
-            <a href="https://github.com/NullHypothesis/censorbib/commits/master">Updated: 2024-12-06</a>
+            <a href="https://github.com/NullHypothesis/censorbib/commits/master">Updated: 2025-02-01</a>
           </div>
         </div> <!-- censorbib-links -->