diff --git a/frontend/apps/editor3d/app/src/components/signaled/TopBar/TopBar.tsx b/frontend/apps/editor3d/app/src/components/signaled/TopBar/TopBar.tsx
index 1b370a56a4..d25f3cd5f3 100644
--- a/frontend/apps/editor3d/app/src/components/signaled/TopBar/TopBar.tsx
+++ b/frontend/apps/editor3d/app/src/components/signaled/TopBar/TopBar.tsx
@@ -263,6 +263,8 @@ export const TopBar = ({ pageName }: Props) => {
         return "Image to 3D Object";
       case "IMAGE_TO_3D_WORLD":
         return "Image to 3D World";
+      case "APPS":
+        return "ArtCraft Apps";
       default:
         return "Artcraft";
     }
diff --git a/frontend/apps/editor3d/app/src/pages/PageApps/AppsIndexPage.tsx b/frontend/apps/editor3d/app/src/pages/PageApps/AppsIndexPage.tsx
index 1bc39b2e79..7c1552a4b4 100644
--- a/frontend/apps/editor3d/app/src/pages/PageApps/AppsIndexPage.tsx
+++ b/frontend/apps/editor3d/app/src/pages/PageApps/AppsIndexPage.tsx
@@ -1,7 +1,6 @@
 import { faGrid2 } from "@fortawesome/pro-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { twMerge } from "tailwind-merge";
-import { TopBar } from "~/components";
 import {
   GENERATE_APPS,
   EDIT_APPS,
@@ -16,9 +15,8 @@ export const AppsIndexPage = () => {
   ];
 
   return (
-    <div className="fixed inset-0 overflow-hidden bg-ui-background text-base-fg">
-      <TopBar pageName="Apps" loginSignUpPressed={() => {}} />
-      <main className="mx-auto h-full max-w-6xl overflow-y-auto px-5 pb-12 pt-[120px]">
+    <div className="fixed inset-0 overflow-hidden bg-ui-background pt-[56px] text-base-fg">
+      <main className="mx-auto h-full max-w-6xl overflow-y-auto px-5 pb-12 pt-16">
         <div className="flex w-full flex-col items-start gap-2 pb-4">
           <div className="mb-6 flex items-center gap-4">
             <FontAwesomeIcon icon={faGrid2} className="text-2xl opacity-70" />