From 9d8aaeb753d52bac7db26c458557c0cbc51e3fbf Mon Sep 17 00:00:00 2001
From: ilmar <ilmar.tyrk@gmail.com>
Date: Mon, 18 Dec 2023 11:51:41 +0200
Subject: [PATCH] FIX https://github.com/citizenos/citizenos-fe/issues/504

---
 src/app/my-groups/components/groupbox/groupbox.component.scss | 4 +++-
 .../components/publicgroupbox/publicgroupbox.component.scss   | 3 ++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/app/my-groups/components/groupbox/groupbox.component.scss b/src/app/my-groups/components/groupbox/groupbox.component.scss
index 4ed8e3065..b1fd1366a 100644
--- a/src/app/my-groups/components/groupbox/groupbox.component.scss
+++ b/src/app/my-groups/components/groupbox/groupbox.component.scss
@@ -10,8 +10,10 @@
   padding: 16px;
   gap: 8px;
   position: relative;
+  transition: box-shadow 0.3s ease-in-out;
+
   &:hover {
-    box-shadow: 0 0 8px 0 #727c84;
+    box-shadow: 0px 8px 20px 0px rgba(220, 231, 240, 0.30), 0px 12px 16px 0px rgba(50, 85, 112, 0.10);
   }
   @include mixins.mobile {
     min-width: 280px;
diff --git a/src/app/public-groups/components/publicgroupbox/publicgroupbox.component.scss b/src/app/public-groups/components/publicgroupbox/publicgroupbox.component.scss
index ccfe2b568..4cf776b36 100644
--- a/src/app/public-groups/components/publicgroupbox/publicgroupbox.component.scss
+++ b/src/app/public-groups/components/publicgroupbox/publicgroupbox.component.scss
@@ -10,13 +10,14 @@
   padding: 16px;
   gap: 8px;
   position: relative;
+  transition: box-shadow 0.3s ease-in-out;
 
   @include mixins.mobile {
     width: 100%;
   }
 
   &:hover {
-    box-shadow: 0 0 8px 0 #727c84;
+    box-shadow: 0px 8px 20px 0px rgba(220, 231, 240, 0.30), 0px 12px 16px 0px rgba(50, 85, 112, 0.10);
   }
   .group_header {
     display: flex;