chore: adjust mobile style

1 files changed, 4 insertions, 5 deletions

diff --git a/src/components/Rules.module.scss b/src/components/Rules.module.scss
index d56b182..c2a4f39 100644
--- a/src/components/Rules.module.scss
+++ b/src/components/Rules.module.scss
@@ -19,7 +19,7 @@
 }
 
 .listWrapper {
-  margin: 0 45px 20px;
+  margin: 10px 45px 20px;
   background-color: var(--bg-log-info-card);
   border-radius: 12px;
   box-shadow: var(--shadow-card);
@@ -27,7 +27,7 @@
   overflow: hidden;
 
   @media (max-width: 768px) {
-    margin: 0 15px 15px;
+    margin: 10px 15px 15px;
   }
 }
 
@@ -71,14 +71,13 @@
   }
 
   &:hover {
-    color: var(--color-text-primary);
-    background: var(--bg-near-transparent);
+    color: var(--color-focus-blue);
+    background: rgba(176, 206, 255, 0.221);
   }
 
   &.active {
     background-color: var(--color-focus-blue);
     color: #fff;
-    box-shadow: 0 2px 8px rgba(66, 133, 244, 0.3);
   }
 }