diff --git a/packages/frontend/core/src/pages/workspace/collection/index.tsx b/packages/frontend/core/src/pages/workspace/collection/index.tsx
index 822bc71f812b..e02ea117df00 100644
--- a/packages/frontend/core/src/pages/workspace/collection/index.tsx
+++ b/packages/frontend/core/src/pages/workspace/collection/index.tsx
@@ -121,11 +121,19 @@ export const Component = function CollectionPage() {
   if (!collection) {
     return null;
   }
-  return isEmpty(collection) ? (
+  const inner = isEmpty(collection) ? (
     <Placeholder collection={collection} />
   ) : (
     <CollectionDetail collection={collection} />
   );
+
+  return (
+    <>
+      <ViewIcon icon="collection" />
+      <ViewTitle title={collection.name} />
+      {inner}
+    </>
+  );
 };
 
 const Placeholder = ({ collection }: { collection: Collection }) => {
@@ -157,8 +165,6 @@ const Placeholder = ({ collection }: { collection: Collection }) => {
 
   return (
     <>
-      <ViewTitle title={collection.name} />
-      <ViewIcon icon="collection" />
       <ViewHeader>
         <div
           style={{