diff --git a/apps/web/components/apps/AllApps.tsx b/apps/web/components/apps/AllApps.tsx
index 26e4ad8bf3..083d63c5bc 100644
--- a/apps/web/components/apps/AllApps.tsx
+++ b/apps/web/components/apps/AllApps.tsx
@@ -1,4 +1,5 @@
-import { App } from "@lib/apps/interfaces/App";
+import type { App } from "@calcom/types/App";
+
 import { useLocale } from "@lib/hooks/useLocale";
 
 import AppCard from "./AppCard";
diff --git a/apps/web/components/apps/Slider.tsx b/apps/web/components/apps/Slider.tsx
index 7eefa54ed9..d0e9eec850 100644
--- a/apps/web/components/apps/Slider.tsx
+++ b/apps/web/components/apps/Slider.tsx
@@ -4,7 +4,8 @@ import "@glidejs/glide/dist/css/glide.theme.min.css";
 import { ArrowLeftIcon, ArrowRightIcon } from "@heroicons/react/solid";
 import { useEffect, useState } from "react";
 
-import type { App } from "@lib/apps/interfaces/App";
+import type { App } from "@calcom/types/App";
+
 import { useLocale } from "@lib/hooks/useLocale";
 import useMediaQuery from "@lib/hooks/useMediaQuery";
 
diff --git a/apps/web/lib/apps/calendar/config.ts b/apps/web/lib/apps/calendar/config.ts
index 7250283ec0..f8862de2c1 100644
--- a/apps/web/lib/apps/calendar/config.ts
+++ b/apps/web/lib/apps/calendar/config.ts
@@ -1,5 +1,6 @@
+import type { App } from "@calcom/types/App";
+
 import { validJson } from "../../jsonUtils";
-import { App } from "../interfaces/App";
 
 export const APPS = {
   google_calendar: {
diff --git a/apps/web/lib/apps/conferencing/config.ts b/apps/web/lib/apps/conferencing/config.ts
index baa94d2b1d..a851e6a2bd 100644
--- a/apps/web/lib/apps/conferencing/config.ts
+++ b/apps/web/lib/apps/conferencing/config.ts
@@ -1,4 +1,4 @@
-import { App } from "../interfaces/App";
+import type { App } from "@calcom/types/App";
 
 export const APPS = {
   zoom_video: {
diff --git a/apps/web/lib/apps/payment/config.ts b/apps/web/lib/apps/payment/config.ts
index 02f3045836..823db58656 100644
--- a/apps/web/lib/apps/payment/config.ts
+++ b/apps/web/lib/apps/payment/config.ts
@@ -1,4 +1,4 @@
-import { App } from "../interfaces/App";
+import type { App } from "@calcom/types/App";
 
 export const APPS = {
   stripe_payment: {
diff --git a/apps/web/lib/apps/utils/AppUtils.ts b/apps/web/lib/apps/utils/AppUtils.ts
index 7b4a07350e..09c3ec710a 100644
--- a/apps/web/lib/apps/utils/AppUtils.ts
+++ b/apps/web/lib/apps/utils/AppUtils.ts
@@ -1,9 +1,10 @@
 import { Prisma } from "@prisma/client";
 import _ from "lodash";
 
+import type { App } from "@calcom/types/App";
+
 import { APPS as CalendarApps } from "@lib/apps/calendar/config";
 import { APPS as ConferencingApps } from "@lib/apps/conferencing/config";
-import { App } from "@lib/apps/interfaces/App";
 import { APPS as PaymentApps } from "@lib/apps/payment/config";
 
 const ALL_APPS_MAP = { ...CalendarApps, ...ConferencingApps, ...PaymentApps };
diff --git a/apps/web/lib/apps/interfaces/App.ts b/packages/types/App.d.ts
similarity index 100%
rename from apps/web/lib/apps/interfaces/App.ts
rename to packages/types/App.d.ts