diff --git a/apps/web/components/Loader.tsx b/apps/web/components/Loader.tsx
index 1eb4ef8161..ae6af3d9ca 100644
--- a/apps/web/components/Loader.tsx
+++ b/apps/web/components/Loader.tsx
@@ -1 +1,4 @@
+/**
+ * @deprecated Use custom Skeletons instead
+ **/
 export { default } from "@calcom/ui/Loader";
diff --git a/packages/ui/Loader.tsx b/packages/ui/Loader.tsx
index 29f0147d85..bdafe827f8 100644
--- a/packages/ui/Loader.tsx
+++ b/packages/ui/Loader.tsx
@@ -1,3 +1,6 @@
+/**
+ * @deprecated Use custom Skeletons instead
+ **/
 export default function Loader() {
   return (
     <div className="loader border-brand dark:border-darkmodebrand">
diff --git a/packages/ui/v2/core/Loader.tsx b/packages/ui/v2/core/Loader.tsx
index 29f0147d85..bdafe827f8 100644
--- a/packages/ui/v2/core/Loader.tsx
+++ b/packages/ui/v2/core/Loader.tsx
@@ -1,3 +1,6 @@
+/**
+ * @deprecated Use custom Skeletons instead
+ **/
 export default function Loader() {
   return (
     <div className="loader border-brand dark:border-darkmodebrand">