diff --git a/styles/Home.module.css b/styles/Home.module.css
index 5b3ff7d3..702134cc 100644
--- a/styles/Home.module.css
+++ b/styles/Home.module.css
@@ -73,7 +73,7 @@
 
 .questCategory:hover {
   transform: translateY(-4px);
-  background-color: var(--hover-background-color, #4a4c53);
+  background-color: var(--hover-background-color);
   box-shadow: 0px 4px 12px rgba(255, 255, 255, 0.1);
 }
 
@@ -104,7 +104,6 @@
   .title {
     font-size: 2rem;
   }
-
 }
 
 @media (max-width: 768px) {
@@ -193,9 +192,11 @@
   }
 
   .featured_quest_banner_container {
-    background: linear-gradient(180deg,
-        var(--background) 0.04%,
-        var(--background600) 347.42%);
+    background: linear-gradient(
+      180deg,
+      var(--background) 0.04%,
+      var(--background600) 347.42%
+    );
     margin-bottom: 0;
   }
 
@@ -239,12 +240,14 @@
     right: -1px;
     left: 0;
     bottom: 0;
-    background: linear-gradient(90deg,
-        #437aba 0%,
-        #59c2e8 45%,
-        #00ff77 60%,
-        #59c2e8 70%,
-        #437aba50 100%);
+    background: linear-gradient(
+      90deg,
+      #437aba 0%,
+      #59c2e8 45%,
+      #00ff77 60%,
+      #59c2e8 70%,
+      #437aba50 100%
+    );
     border-radius: 8px;
     mask: linear-gradient(8deg, transparent 85%, black);
   }
@@ -282,13 +285,14 @@
   }
 
   .section {
-    background: linear-gradient(180deg,
-        var(--background) 0.04%,
-        var(--background600) 347.42%);
+    background: linear-gradient(
+      180deg,
+      var(--background) 0.04%,
+      var(--background600) 347.42%
+    );
     padding-top: 3rem;
   }
 
-
   .questContainer {
     margin-top: 1.5rem;
     gap: 1.5rem;
@@ -328,13 +332,15 @@
   right: -2px;
   left: -1px;
   bottom: -1px;
-  background: linear-gradient(90deg,
-      #437aba 0%,
-      #59c2e8 45%,
-      #00ff77 60%,
-      #59c2e8 70%,
-      #437aba50 100%);
+  background: linear-gradient(
+    90deg,
+    #437aba 0%,
+    #59c2e8 45%,
+    #00ff77 60%,
+    #59c2e8 70%,
+    #437aba50 100%
+  );
   border-radius: 8px;
   z-index: -1;
   mask: linear-gradient(4deg, transparent 92%, black);
-}
\ No newline at end of file
+}
diff --git a/styles/components/card.module.css b/styles/components/card.module.css
index ae004bc1..5c1b1ae7 100644
--- a/styles/components/card.module.css
+++ b/styles/components/card.module.css
@@ -10,10 +10,10 @@
   border: solid 1px transparent;
   transition: all 0.3s ease-in-out;
 }
- 
+
 .card:hover {
   transform: translateY(-4px);
-  background-color: var(--hover-background-color, #4a4c53);
+  background-color: var(--hover-background-color);
   box-shadow: 0px 4px 12px rgba(255, 255, 255, 0.1);
 }
 
diff --git a/styles/components/pages/home/card.module.css b/styles/components/pages/home/card.module.css
index 0a15e8f9..02b3d347 100644
--- a/styles/components/pages/home/card.module.css
+++ b/styles/components/pages/home/card.module.css
@@ -9,10 +9,10 @@
   border: solid 1px transparent;
   transition: all 0.3s ease-in-out;
 }
- 
+
 .card:hover {
   transform: translateY(-4px);
-  background-color: var(--hover-background-color, #4a4c53);
+  background-color: var(--hover-background-color);
   box-shadow: 0px 4px 12px rgba(255, 255, 255, 0.1);
 }
 
@@ -38,7 +38,6 @@
   font-family: "Sora-Bold";
   line-height: 48px;
   padding: 8px 0;
-  
 }
 
 .card[aria-disabled="true"] {
diff --git a/styles/components/quests/card.module.css b/styles/components/quests/card.module.css
index 99751348..05886c1b 100644
--- a/styles/components/quests/card.module.css
+++ b/styles/components/quests/card.module.css
@@ -13,7 +13,7 @@
 
 .card:hover {
   transform: translateY(-4px);
-  background-color: var(--hover-background-color, #4a4c53);
+  background-color: var(--hover-background-color);
   box-shadow: 0px 4px 12px rgba(255, 255, 255, 0.1);
 }
 
@@ -48,9 +48,8 @@
 
 .card[aria-disabled="true"] {
   cursor: not-allowed;
- 
 }
-.card[aria-disabled="true"]:hover{
+.card[aria-disabled="true"]:hover {
   border: 1px solid transparent;
 }
 
diff --git a/styles/globals.css b/styles/globals.css
index 0bba5350..45ce2d0a 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -35,6 +35,7 @@
   --textGray: #a6a5a7;
   --transparent: transparent;
   --dashboard-max-width: clamp(320px, 90%, 1500px);
+  --hover-background-color: #4a4c53;
 }
 
 html,
@@ -122,6 +123,6 @@ button {
   cursor: url(../public/icons/pointer-cursor.png), auto;
 }
 
-.modified-cursor-normal{
+.modified-cursor-normal {
   cursor: url(../public/icons/cursor.png), auto;
-}
\ No newline at end of file
+}