diff --git a/components/action-tooltip.tsx b/components/action-tooltip.tsx
new file mode 100644
index 0000000..480bebf
--- /dev/null
+++ b/components/action-tooltip.tsx
@@ -0,0 +1,37 @@
+"user client"
+
+import { 
+    Tooltip,
+    TooltipContent,
+    TooltipProvider,
+    TooltipTrigger,
+} from "@/components/ui/tooltip";
+
+interface ActionTooltipProps {
+    label: string;
+    children: React.ReactNode;
+    side?: "top" | "right" | "bottom" | "left";
+    align?: "start" | "center" | "end";
+}
+
+export const ActionTooltip = ({
+    label,
+    children,
+    side,
+    align,
+}: ActionTooltipProps) => {
+    return (
+        <TooltipProvider>
+            <Tooltip delayDuration={50}>
+                <TooltipTrigger asChild>
+                    {children}
+                </TooltipTrigger>
+                <TooltipContent side={side} align={align}>
+                    <p className="font-semibold text-sm capitalize">
+                        {label.toLowerCase()}
+                    </p>
+                </TooltipContent>
+            </Tooltip>
+        </TooltipProvider>
+    )
+}
\ No newline at end of file