diff --git a/license_ui/src/components/ProductList.module.css b/license_ui/src/components/ProductList.module.css
index a6e9e0c..cc0ae86 100644
--- a/license_ui/src/components/ProductList.module.css
+++ b/license_ui/src/components/ProductList.module.css
@@ -14,3 +14,6 @@
   overflow-y: auto;
   min-height: 0;
 }
+.product-item {
+  cursor: pointer;
+}
diff --git a/license_ui/src/components/ProductList.tsx b/license_ui/src/components/ProductList.tsx
index a66cb4f..5799410 100644
--- a/license_ui/src/components/ProductList.tsx
+++ b/license_ui/src/components/ProductList.tsx
@@ -91,7 +91,13 @@ function ProductItem(props: ProductItemProps) {
   }, [props.id, selected, append, remove]);
 
   return (
-    <Box px="sm" py="xs" bg={selected ? "green" : "gray"} onClick={handleSelectAction}>
+    <Box
+      px="sm"
+      py="xs"
+      bg={selected ? "green" : "gray"}
+      className={classes["product-item"]}
+      onClick={handleSelectAction}
+    >
       <Text size="xs" c={selected ? "white" : "gray"}>
         {props.name}
       </Text>