From 009ad923e021cf4d7884aa5de81f8a38bbbacbc0 Mon Sep 17 00:00:00 2001
From: Ozzie Gooen <ozzieagooen@gmail.com>
Date: Wed, 6 Nov 2024 12:10:27 -0800
Subject: [PATCH] Minor style changes to Workflows widget

---
 packages/hub/src/app/ai/WorkflowSummaryItem.tsx | 4 ++--
 packages/hub/src/app/ai/WorkflowSummaryList.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/hub/src/app/ai/WorkflowSummaryItem.tsx b/packages/hub/src/app/ai/WorkflowSummaryItem.tsx
index f92774bc0b..0541f6395c 100644
--- a/packages/hub/src/app/ai/WorkflowSummaryItem.tsx
+++ b/packages/hub/src/app/ai/WorkflowSummaryItem.tsx
@@ -16,8 +16,8 @@ export const WorkflowSummaryItem: FC<{
   return (
     <div
       className={clsx(
-        "rounded border p-2 text-sm",
-        isSelected ? "bg-gray-100" : "cursor-pointer"
+        "w-full border-b p-2 text-sm",
+        isSelected ? "bg-gray-100" : "cursor-pointer hover:bg-slate-50"
       )}
       onClick={isSelected ? undefined : onSelect}
     >
diff --git a/packages/hub/src/app/ai/WorkflowSummaryList.tsx b/packages/hub/src/app/ai/WorkflowSummaryList.tsx
index 2198b9f54e..bc1b723b5a 100644
--- a/packages/hub/src/app/ai/WorkflowSummaryList.tsx
+++ b/packages/hub/src/app/ai/WorkflowSummaryList.tsx
@@ -10,7 +10,7 @@ export const WorkflowSummaryList: FC<{
   selectWorkflow: (id: string) => void;
 }> = ({ workflows, selectedWorkflow, selectWorkflow }) => {
   return (
-    <div className="flex max-h-[400px] flex-col space-y-2 overflow-y-auto pr-2">
+    <div className="flex max-h-[400px] w-full flex-col overflow-y-auto rounded-md border border-slate-200">
       {workflows.map((workflow) => (
         <WorkflowSummaryItem
           key={workflow.id}