diff --git a/apps/nextjs/src/app/_components/Footer.tsx b/apps/nextjs/src/app/_components/Footer.tsx
index 0090832a..25077027 100644
--- a/apps/nextjs/src/app/_components/Footer.tsx
+++ b/apps/nextjs/src/app/_components/Footer.tsx
@@ -19,6 +19,10 @@ export const Footer = () => {
       name: "Discord",
       href: "https://discord.gg/realmsworld",
     },
+    {
+      name: "Brand Assets",
+      href: "https://drive.google.com/drive/folders/17vrwIjwqifxBVTkHmxoK1VhQ31hVSbDH",
+    },
   ];
 
   return (
diff --git a/apps/nextjs/src/app/collection/[id]/[tokenId]/TokenContent.tsx b/apps/nextjs/src/app/collection/[id]/[tokenId]/TokenContent.tsx
index b48cc921..b413ce4e 100644
--- a/apps/nextjs/src/app/collection/[id]/[tokenId]/TokenContent.tsx
+++ b/apps/nextjs/src/app/collection/[id]/[tokenId]/TokenContent.tsx
@@ -9,11 +9,12 @@ import {
 import { BuyButton } from "@/app/collection/BuyModal";
 import { ListingModal } from "@/app/collection/ListingModal";
 import { GameCard } from "@/app/games/GameCard";
-import { games } from "@/constants";
 import type { Collection, Game, Token } from "@/types";
 import { getGamesByContract } from "@/utils/getters";
 import { useAccount } from "wagmi";
 
+import { games } from "@realms-world/constants";
+
 import { TokenActivity } from "./TokenActivity";
 
 interface Props {
@@ -40,7 +41,7 @@ export const TokenContent = ({ token, collection }: Props) => {
       name: "Games",
       content: (
         <div className="grid gap-4 sm:grid-cols-2">
-          {comptatible_games.map((game: Game, index: any) => {
+          {comptatible_games?.map((game: Game, index: any) => {
             return <GameCard key={index} game={game} />;
           })}
         </div>
diff --git a/apps/nextjs/src/app/collection/[id]/[tokenId]/TokenInformation.tsx b/apps/nextjs/src/app/collection/[id]/[tokenId]/TokenInformation.tsx
index 79761254..08bd2090 100644
--- a/apps/nextjs/src/app/collection/[id]/[tokenId]/TokenInformation.tsx
+++ b/apps/nextjs/src/app/collection/[id]/[tokenId]/TokenInformation.tsx
@@ -24,7 +24,7 @@ export const TokenInformation = ({
   const isBeasts = collectionId == "beasts";
   return (
     <>
-      <div className="flex w-full flex-none rounded-t md:w-1/2 lg:mt-12">
+      <div className="flex w-full flex-none flex-col rounded-t md:w-1/2 lg:mt-12">
         {token.image && (
           <Image
             src={token.image}
@@ -65,7 +65,7 @@ export const TokenInformation = ({
           </div>
         )}
       </div>
-      <div className="w-auto p-4 md:w-1/2 md:p-8">
+      <div className="w-full py-4 md:w-1/2 md:p-8">
         <Link
           className="flex opacity-70 hover:opacity-100"
           href={`/collection/${collectionId}`}
diff --git a/apps/nextjs/src/app/collection/page.tsx b/apps/nextjs/src/app/collection/page.tsx
index c53a559b..2beb87ca 100644
--- a/apps/nextjs/src/app/collection/page.tsx
+++ b/apps/nextjs/src/app/collection/page.tsx
@@ -10,7 +10,7 @@ export default async function Page() {
   return (
     <>
       <div className="mask-transparent h-96 w-full before:bg-[url(/backgrounds/map.png)] before:bg-cover before:bg-center before:bg-no-repeat" />
-      <div className="-mt-24 h-screen w-full">
+      <div className="-mt-24 w-full">
         <div className="container mx-auto px-8 ">
           <h1>Collections</h1>
           <CollectionsList />