Update features and dependencies

apps/web/components/recipe/drink-pairing-button.tsx

@@ -5,6 +5,7 @@ import { Wine, Sparkles, Loader2, Coffee, Beer, GlassWater, Leaf } from "lucide-
 import { FakeProgressBar } from "@/components/ui/fake-progress-bar";
 import { toast } from "sonner";
 import { Button } from "@/components/ui/button";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip";
 import {
   Dialog,
   DialogContent,
@@ -75,10 +76,16 @@ export function DrinkPairingButton({ recipeId }: { recipeId: string }) {
 
   return (
     <>
-      <Button variant="outline" size="sm" onClick={handleOpen}>
-        <Wine className="h-4 w-4" />
-        Drinks
-      </Button>
+      <TooltipProvider>
+        <Tooltip>
+          <TooltipTrigger render={
+            <Button variant="ghost" size="icon" onClick={handleOpen}>
+              <Wine className="h-4 w-4" />
+            </Button>
+          } />
+          <TooltipContent>Drinks</TooltipContent>
+        </Tooltip>
+      </TooltipProvider>
 
       <Dialog open={open} onOpenChange={setOpen}>
         <DialogContent className="max-w-2xl max-h-[80vh] overflow-y-auto">
@@ -142,7 +149,7 @@ export function DrinkPairingButton({ recipeId }: { recipeId: string }) {
                 );
               })}
 
-              <Button variant="outline" className="w-full" onClick={suggest} disabled={loading}>
+              <Button variant="ghost" className="w-full" onClick={suggest} disabled={loading}>
                 <Sparkles className="h-4 w-4" />
                 Regenerate
               </Button>