diff --git a/frontend/components/ArticlesList/Item/index.vue b/frontend/components/ArticlesList/Item/index.vue
index 50d67a0..726a4ad 100644
--- a/frontend/components/ArticlesList/Item/index.vue
+++ b/frontend/components/ArticlesList/Item/index.vue
@@ -31,6 +31,10 @@ const hideHandler = (id: string) => {
 </template>
 
 <style scoped>
+li {
+  @apply transition
+  @apply hover:bg-jj-hover
+}
 li:hover .icon {
   @apply block
 }
diff --git a/frontend/components/ArticlesList/Ui/Link.vue b/frontend/components/ArticlesList/Ui/Link.vue
index 13943c3..ed74db3 100644
--- a/frontend/components/ArticlesList/Ui/Link.vue
+++ b/frontend/components/ArticlesList/Ui/Link.vue
@@ -10,8 +10,7 @@ defineProps<{ to: String }>()
 
 <style scoped>
 .link_container {
-  @apply transition flex-1 f-c-c transition-all all-cursor-pointer px-[1.67rem] pb-[10px] truncate
-  @apply hover:bg-jj-hover
+  @apply flex-1 f-c-c all-cursor-pointer px-[1.67rem] pb-[10px] truncate
 }
 .link_container::after {
   background-color: rgba(185, 186, 190, .35);