diff --git a/src/pages/mod.rs b/src/pages/mod.rs
index 1900c6b..b99f3d1 100644
--- a/src/pages/mod.rs
+++ b/src/pages/mod.rs
@@ -87,8 +87,8 @@ pub fn generate_pages_html(file_tree: &Node, current_path: &Path, config: &Confi
         Node::File(file) => {
             if file.path == "index" {
                 format!(
-                    "<li class=\"my-1\">
-                        <a class=\"inline-block rounded-md w-full hover:text-c2-primary p-1\" href=\"/{}\">Index</a>
+                    "<li class=\"\">
+                        <a class=\"inline-block rounded-2xl w-full hover:bg-neutral-800 transition-colors px-3 py-2\" href=\"/{}\">Index</a>
                     </li>",
                     current_path.to_str().unwrap()
                 )
@@ -96,8 +96,8 @@ pub fn generate_pages_html(file_tree: &Node, current_path: &Path, config: &Confi
                 String::from("")
             } else {
                 format!(
-                    "<li class=\"my-1\">
-                        <a class=\"inline-block rounded-md w-full hover:text-c2-primary p-1\" href=\"/{}/{}.{}\">{}</a>
+                    "<li class=\"\">
+                        <a class=\"inline-block rounded-2xl w-full hover:bg-neutral-800 transition-colors px-3 py-2\" href=\"/{}/{}.{}\">{}</a>
                     </li>",
                     current_path.to_str().unwrap(),
                     file.path,
@@ -122,7 +122,7 @@ pub fn generate_pages_html(file_tree: &Node, current_path: &Path, config: &Confi
             } else {
                 format!(
                     "<li class=\"my-1\">
-                    <div class=\"opacity-80 mt-6 {}\">{}</div>
+                    <div class=\"mt-6 px-3 py-1 {}\">{}</div>
                     <ul>{}</ul>
                 </li>",
                     &config.file_tree_title_classes,
diff --git a/src/sidebar/mod.rs b/src/sidebar/mod.rs
index 3f2b447..c5fe43a 100644
--- a/src/sidebar/mod.rs
+++ b/src/sidebar/mod.rs
@@ -54,7 +54,7 @@ impl Topic {
 
         let html_fragment_link = utils::to_html_fragment(&self.text);
         format!(
-            "<li class=\"m-2\"><a href=\"#{}\" class=\"inline-block w-full hover:text-c2-primary\">{}</a>{}</li>",
+            "<li class=\"py-1\"><a href=\"#{}\" class=\"inline-block w-full hover:text-c2-primary hover:underline\">{}</a>{}</li>",
             html_fragment_link, self.text, extra
         )
     }