diff --git a/src/styles/globals.css b/src/styles/globals.css
index 3851205c..baa05683 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -228,7 +228,7 @@
 
 ::-webkit-scrollbar-thumb {
     background-color: var(--border);
-    border-radius: var(--radius-full);
+    border-radius: var(--rounded-full);
     border: 2px solid transparent;
     background-clip: content-box;
 }
diff --git a/src/views/Favorites/FavoritesAvatar.vue b/src/views/Favorites/FavoritesAvatar.vue
index 9ebda1a5..71a181eb 100644
--- a/src/views/Favorites/FavoritesAvatar.vue
+++ b/src/views/Favorites/FavoritesAvatar.vue
@@ -110,7 +110,7 @@
                                         v-for="group in favoriteAvatarGroups"
                                         :key="group.key"
                                         :class="[
-                                            'group-item',
+                                            'group-item hover:shadow-sm',
                                             `group-item--${group.visibility}`,
                                             { 'is-active': !hasSearchInput && isGroupActive('remote', group.key) }
                                         ]"
@@ -184,7 +184,7 @@
                                         v-for="group in avatarGroupPlaceholders"
                                         :key="group.key"
                                         :class="[
-                                            'group-item',
+                                            'group-item hover:shadow-sm',
                                             'group-item--placeholder',
                                             { 'is-active': !hasSearchInput && isGroupActive('remote', group.key) }
                                         ]">
@@ -193,7 +193,7 @@
                                             <span class="group-item__count">--/--</span>
                                         </div>
                                         <div class="group-item__bottom">
-                                            <div class="group-item__placeholder-tag"></div>
+                                            <div class="group-item__placeholder-tag rounded-full"></div>
                                         </div>
                                     </div>
                                 </template>
@@ -223,7 +223,7 @@
                                         v-for="group in localAvatarFavoriteGroups"
                                         :key="group"
                                         :class="[
-                                            'group-item',
+                                            'group-item hover:shadow-sm',
                                             { 'is-active': !hasSearchInput && isGroupActive('local', group) }
                                         ]"
                                         @click="handleGroupClick('local', group)">
@@ -274,7 +274,7 @@
                                     :content="t('view.favorite.avatars.local_favorites')">
                                     <div
                                         :class="[
-                                            'group-item',
+                                            'group-item hover:shadow-sm',
                                             'group-item--new',
                                             { 'is-disabled': !isLocalUserVrcPlusSupporter }
                                         ]"
@@ -316,7 +316,7 @@
                             <div class="group-section__list">
                                 <div
                                     :class="[
-                                        'group-item',
+                                        'group-item hover:shadow-sm',
                                         { 'is-active': !hasSearchInput && isGroupActive('history', historyGroupKey) }
                                     ]"
                                     @click="handleGroupClick('history', historyGroupKey)">
@@ -406,7 +406,7 @@
                                         <div
                                             v-for="favorite in avatarFavoriteSearchResults"
                                             :key="favorite.id"
-                                            class="favorites-search-card"
+                                            class="favorites-search-card hover:shadow-sm"
                                             @click="showAvatarDialog(favorite.id)">
                                             <div class="favorites-search-card__content">
                                                 <div
@@ -1717,7 +1717,6 @@
 
     .group-item:hover {
         background-color: var(--accent);
-        box-shadow: var(--shadow-sm);
     }
 
     .group-item__top {
@@ -1784,7 +1783,6 @@
     .group-item__placeholder-tag {
         width: 64px;
         height: 18px;
-        border-radius: var(--radius-full);
     }
 
     .group-item--new {
@@ -1922,7 +1920,6 @@
 
     :deep(.favorites-search-card:hover) {
         background-color: var(--accent);
-        box-shadow: var(--shadow-sm);
     }
 
     :deep(.favorites-search-card__content) {
diff --git a/src/views/Favorites/FavoritesFriend.vue b/src/views/Favorites/FavoritesFriend.vue
index 16518b2d..b9fb52f9 100644
--- a/src/views/Favorites/FavoritesFriend.vue
+++ b/src/views/Favorites/FavoritesFriend.vue
@@ -112,7 +112,7 @@
                                         v-for="group in favoriteFriendGroups"
                                         :key="group.key"
                                         :class="[
-                                            'group-item',
+                                            'group-item hover:shadow-sm',
                                             `group-item--${group.visibility}`,
                                             { 'is-active': !hasSearchInput && isGroupActive('remote', group.key) }
                                         ]"
@@ -203,7 +203,7 @@
                                         v-for="group in localFriendFavoriteGroups"
                                         :key="group"
                                         :class="[
-                                            'group-item',
+                                            'group-item hover:shadow-sm',
                                             { 'is-active': !hasSearchInput && isGroupActive('local', group) }
                                         ]"
                                         @click="handleGroupClick('local', group)">
@@ -249,7 +249,7 @@
                                 </div>
                                 <div
                                     v-if="!isCreatingLocalGroup"
-                                    class="group-item group-item--new"
+                                    class="group-item hover:shadow-sm group-item--new"
                                     @click="startLocalGroupCreation">
                                     <Plus />
                                     <span>{{ t('view.favorite.worlds.new_group') }}</span>
@@ -383,7 +383,7 @@
                                         <div
                                             v-for="favorite in friendFavoriteSearchResults"
                                             :key="favorite.id"
-                                            class="favorites-search-card"
+                                            class="favorites-search-card hover:shadow-sm"
                                             @click="showUserDialog(favorite.id)">
                                             <div class="favorites-search-card__content">
                                                 <div class="favorites-search-card__avatar">
@@ -1357,7 +1357,6 @@
 
     .group-item:hover {
         background-color: var(--accent);
-        box-shadow: var(--shadow-sm);
     }
 
     .group-item__top {
@@ -1549,7 +1548,6 @@
 
     :deep(.favorites-search-card:hover) {
         background-color: var(--accent);
-        box-shadow: var(--shadow-sm);
     }
 
     :deep(.favorites-search-card.is-selected) {
diff --git a/src/views/Favorites/FavoritesWorld.vue b/src/views/Favorites/FavoritesWorld.vue
index 4cb3ae16..35e43b49 100644
--- a/src/views/Favorites/FavoritesWorld.vue
+++ b/src/views/Favorites/FavoritesWorld.vue
@@ -112,7 +112,7 @@
                                         v-for="group in favoriteWorldGroups"
                                         :key="group.key"
                                         :class="[
-                                            'group-item',
+                                            'group-item hover:shadow-sm',
                                             `group-item--${group.visibility}`,
                                             { 'is-active': !hasSearchInput && isGroupActive('remote', group.key) }
                                         ]"
@@ -186,7 +186,7 @@
                                         v-for="group in worldGroupPlaceholders"
                                         :key="group.key"
                                         :class="[
-                                            'group-item',
+                                            'group-item hover:shadow-sm',
                                             'group-item--placeholder',
                                             { 'is-active': !hasSearchInput && isGroupActive('remote', group.key) }
                                         ]">
@@ -195,7 +195,7 @@
                                             <span class="group-item__count">--/--</span>
                                         </div>
                                         <div class="group-item__bottom">
-                                            <div class="group-item__placeholder-tag"></div>
+                                            <div class="group-item__placeholder-tag rounded-full"></div>
                                         </div>
                                     </div>
                                 </template>
@@ -223,7 +223,7 @@
                                         v-for="group in localWorldFavoriteGroups"
                                         :key="group"
                                         :class="[
-                                            'group-item',
+                                            'group-item hover:shadow-sm',
                                             { 'is-active': !hasSearchInput && isGroupActive('local', group) }
                                         ]"
                                         @click="handleGroupClick('local', group)">
@@ -269,7 +269,7 @@
                                 </div>
                                 <div
                                     v-if="!isCreatingLocalGroup"
-                                    class="group-item group-item--new"
+                                    class="group-item hover:shadow-sm group-item--new"
                                     @click="startLocalGroupCreation">
                                     <Plus />
                                     <span>{{ t('view.favorite.worlds.new_group') }}</span>
@@ -354,7 +354,7 @@
                                         <div
                                             v-for="favorite in worldFavoriteSearchResults"
                                             :key="favorite.id"
-                                            class="favorites-search-card"
+                                            class="favorites-search-card hover:shadow-sm"
                                             @click="showWorldDialog(favorite.id)">
                                             <div class="favorites-search-card__content">
                                                 <div
@@ -1588,7 +1588,6 @@
 
     .group-item:hover {
         background-color: var(--accent);
-        box-shadow: var(--shadow-sm);
     }
 
     .group-item__top {
@@ -1658,7 +1657,6 @@
     .group-item__placeholder-tag {
         width: 64px;
         height: 18px;
-        border-radius: var(--radius-full);
     }
 
     .group-item--new {
@@ -1759,7 +1757,7 @@
 
     .favorites-content__scroll--local::-webkit-scrollbar-thumb {
         background-color: var(--border);
-        border-radius: var(--radius-full);
+        border-radius: var(--rounded-full);
         border: 2px solid transparent;
         background-clip: content-box;
     }
@@ -1838,7 +1836,6 @@
 
     :deep(.favorites-search-card:hover) {
         background-color: var(--accent);
-        box-shadow: var(--shadow-sm);
     }
 
     :deep(.favorites-search-card.is-selected) {
diff --git a/src/views/FriendsLocations/components/FriendsLocationsCard.vue b/src/views/FriendsLocations/components/FriendsLocationsCard.vue
index f96d1391..0c57a14e 100644
--- a/src/views/FriendsLocations/components/FriendsLocationsCard.vue
+++ b/src/views/FriendsLocations/components/FriendsLocationsCard.vue
@@ -11,7 +11,7 @@
                             <AvatarFallback>{{ avatarFallback }}</AvatarFallback>
                         </Avatar>
                     </div>
-                    <span class="friend-card__status-dot" :class="statusDotClass"></span>
+                    <span class="friend-card__status-dot rounded-full" :class="statusDotClass"></span>
                     <div class="friend-card__name ml-0.5" :title="friend.name">{{ friend.name }}</div>
                 </div>
                 <div class="friend-card__body">
@@ -266,7 +266,6 @@
         right: calc(8px * var(--card-scale));
         inline-size: calc(12px * var(--card-scale));
         block-size: calc(12px * var(--card-scale));
-        border-radius: var(--radius-full);
         pointer-events: none;
     }
 
diff --git a/src/views/Tools/components/GroupCalendarMonth.vue b/src/views/Tools/components/GroupCalendarMonth.vue
index 12b38473..dd295451 100644
--- a/src/views/Tools/components/GroupCalendarMonth.vue
+++ b/src/views/Tools/components/GroupCalendarMonth.vue
@@ -230,7 +230,7 @@
         transform: translateX(-50%);
         width: 6px;
         height: 6px;
-        border-radius: var(--radius-full);
+        border-radius: var(--rounded-full);
         background-color: var(--group-calendar-event-dot, #ef4444);
         z-index: 5;
         pointer-events: none;