diff --git a/components/InfiniteScroll.tsx b/components/InfiniteScroll.tsx
index 884c4debf1a72fcbe0d2175a000714b623a20527..77b72b1fb20826532ff014eca851a0e4996db234 100644
--- a/components/InfiniteScroll.tsx
+++ b/components/InfiniteScroll.tsx
@@ -1,7 +1,7 @@
 "use client"
 
 import Game from "@/components/Game";
-import { Card, CardContent } from "@/components/ui/card";
+import { Card } from "@/components/ui/card";
 import { getBaseURL } from "@/lib/utils";
 import { IGame } from "@/types/igdb-types";
 import { useInfiniteQuery } from "@tanstack/react-query";
@@ -9,6 +9,7 @@ import { Fragment } from "react";
 import InfiniteScroll from "react-infinite-scroll-component";
 
 export function InfiniteScrollGames() {
+    console.log(getBaseURL())
     const {
         status,
         data,
diff --git a/lib/utils.ts b/lib/utils.ts
index 1253d1207f5e67972e49716abc709ec5bc68ba3f..b28079dc69d084067902187e2ff06027444b3afb 100644
--- a/lib/utils.ts
+++ b/lib/utils.ts
@@ -16,7 +16,7 @@ export function getImageURL(hashId: string, size: string): string {
 // returns the base url for the current environment, even considering current port
 export function getBaseURL(): string {
   return process.env.NODE_ENV === 'production'
-    ? process.env.PROD_URL ?? ''
+    ? process.env.NEXT_PUBLIC_APP_URL ?? ''
     : (typeof window !== 'undefined'
       ? `http://${window.location.hostname}:${window.location.port}`
       : 'http://localhost:3000')