.

client/src/app/quotes/components/CatalogPickerDataTable.tsx

@@ -42,7 +42,10 @@ export const CatalogPickerDataTable = ({ onSelect }: { onSelect: (data: unknown)
           return (
             <button
               key={row.id}
-              className={cn("rounded-lg border p-3 transition-all hover:bg-accent w-full", "")}
+              className={cn(
+                "rounded-lg border p-3  w-full transition delay-150 duration-200 active:scale-95 hover:bg-primary ",
+                ""
+              )}
               onClick={
                 (event) => {
                   event.preventDefault();

client/src/app/quotes/components/editors/CatalogPickerDialog.tsx

@@ -1,4 +1,12 @@
-import { Button, Dialog, DialogContent, DialogFooter } from "@/ui";
+import {
+  Button,
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from "@/ui";
 
 import { DataTableProvider } from "@/lib/hooks";
 import { CatalogPickerDataTable } from "../CatalogPickerDataTable";
@@ -15,6 +23,13 @@ export const CatalogPickerDialog = ({
   return (
     <Dialog modal open={isOpen} onOpenChange={onOpenChange}>
       <DialogContent className='w-11/12 max-w-full'>
+        <DialogHeader>
+          <DialogTitle>Are you absolutely sure?</DialogTitle>
+          <DialogDescription>
+            This action cannot be undone. This will permanently delete your account and remove your
+            data from our servers.
+          </DialogDescription>
+        </DialogHeader>
         <DataTableProvider syncWithLocation={false} initialPageSize={5}>
           <CatalogPickerDataTable onSelect={onSelect} />
         </DataTableProvider>