diff --git a/docs/the-basics/helpers.mdx b/docs/the-basics/helpers.mdx
index b150a753..8bb059da 100644
--- a/docs/the-basics/helpers.mdx
+++ b/docs/the-basics/helpers.mdx
@@ -4570,7 +4570,7 @@ Merge the project root path with `Path.dirs.workers`:
 ```typescript
 import { Path } from '@athenna/common'
 
-console.log(Path.workers()) // /home/user/athenna-project/src/workers
+console.log(Path.workers()) // /home/user/athenna-project/src/worker
 ```
 
 #### `Path::setWorkers()`
diff --git a/src/components/path.module.css b/src/components/path.module.css
index 97af6eb8..b0e1cf7c 100644
--- a/src/components/path.module.css
+++ b/src/components/path.module.css
@@ -1,4 +1,3 @@
-/* Basic styling for the container and link */
 .hoverCardContainer {
   position: relative;
   display: inline-block;
@@ -6,18 +5,15 @@
 
 .hoverCardLink {
   text-decoration: none;
-  color: #007BFF;
   font-weight: bold;
   cursor: pointer;
 }
 
-/* Initial state of the card - hidden */
 .hoverCard {
   position: absolute;
   width: 200px;
   padding: 10px;
-  background-color: #fff;
-  border: 1px solid #ccc;
+  background-color: #f6f6f7;
   border-radius: 5px;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
   opacity: 0;
@@ -37,6 +33,10 @@
   text-align: center;
 }
 
+[data-theme='dark'] .hoverCard {
+  background-color: #252529;
+}
+
 .hoverCardContainer:hover .hoverCard {
   opacity: 1;
   pointer-events: auto;