diff --git a/server/interfaces/api/mediaInterfaces.ts b/server/interfaces/api/mediaInterfaces.ts
new file mode 100644
index 00000000..9a441409
--- /dev/null
+++ b/server/interfaces/api/mediaInterfaces.ts
@@ -0,0 +1,11 @@
+import type Media from '../../entity/Media';
+
+export interface MediaResultsResponse {
+  pageInfo: {
+    pages: number;
+    page: number;
+    results: number;
+    pageSize: number;
+  };
+  results: Media[];
+}
diff --git a/server/routes/media.ts b/server/routes/media.ts
index 8bda728b..b69423a1 100644
--- a/server/routes/media.ts
+++ b/server/routes/media.ts
@@ -5,16 +5,7 @@ import { MediaStatus } from '../constants/media';
 import logger from '../logger';
 import { isAuthenticated } from '../middleware/auth';
 import { Permission } from '../lib/permissions';
-
-export interface MediaResultsResponse {
-  pageInfo: {
-    pages: number;
-    page: number;
-    results: number;
-    pageSize: number;
-  };
-  results: Media[];
-}
+import { MediaResultsResponse } from '../interfaces/api/mediaInterfaces';
 
 const mediaRoutes = Router();
 
diff --git a/src/components/Discover/index.tsx b/src/components/Discover/index.tsx
index 56e72b7e..7d435c72 100644
--- a/src/components/Discover/index.tsx
+++ b/src/components/Discover/index.tsx
@@ -14,7 +14,7 @@ import Link from 'next/link';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import { LanguageContext } from '../../context/LanguageContext';
 import type Media from '../../../server/entity/Media';
-import type { MediaResultsResponse } from '../../../server/routes/media';
+import type { MediaResultsResponse } from '../../../server/interfaces/api/mediaInterfaces';
 
 const messages = defineMessages({
   recentrequests: 'Recent Requests',