From 1861bfafe5ebdb5291aeb1a43c8fe8c261a41dc3 Mon Sep 17 00:00:00 2001
From: Red Adaya <red.adaya@gmail.com>
Date: Tue, 1 Oct 2024 14:03:58 +0800
Subject: [PATCH] improvements

---
 frontend/app/element/list.less        | 6 ++++++
 frontend/app/element/list.stories.tsx | 6 +++---
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/frontend/app/element/list.less b/frontend/app/element/list.less
index 4f2e2bdfe..264855a10 100644
--- a/frontend/app/element/list.less
+++ b/frontend/app/element/list.less
@@ -17,6 +17,12 @@
     justify-content: space-between;
 }
 
+.list-item-button.clickable {
+    &:hover {
+        background-color: #f0f0f0;
+    }
+}
+
 .list-item-icon {
     margin-right: 10px;
 }
diff --git a/frontend/app/element/list.stories.tsx b/frontend/app/element/list.stories.tsx
index 16994ab63..e90cfc8dc 100644
--- a/frontend/app/element/list.stories.tsx
+++ b/frontend/app/element/list.stories.tsx
@@ -1,9 +1,9 @@
 import { Meta, StoryObj } from "@storybook/react";
-import { List } from "./List"; // Import the List component
-import "./list.less"; // Assuming you have your LESS styles
+import { List } from "./list";
+import "./list.less";
 
 const meta: Meta<typeof List> = {
-    title: "Components/List",
+    title: "Elements/List",
     component: List,
     argTypes: {
         items: { control: "object" },