diff --git a/styles/components/backButton.module.css b/styles/components/backButton.module.css
index cd25ce1a..4f93073a 100644
--- a/styles/components/backButton.module.css
+++ b/styles/components/backButton.module.css
@@ -2,6 +2,12 @@
   display: flex;
   align-items: center;
   cursor: url(../../public/icons/pointer-cursor.png), pointer;
+  transition: opacity 0.3s;
+  opacity: 0.7;
+}
+
+.backButton:hover {
+  opacity: 1;
 }
 
 .backButton svg {