diff --git a/web/core/components/pages/editor/header/root.tsx b/web/core/components/pages/editor/header/root.tsx
index e8dd98e9a2..df9a989ae6 100644
--- a/web/core/components/pages/editor/header/root.tsx
+++ b/web/core/components/pages/editor/header/root.tsx
@@ -18,19 +18,14 @@ export const PageEditorHeaderRoot: React.FC<Props> = observer((props) => {
   // states
   const [isLogoPickerOpen, setIsLogoPickerOpen] = useState(false);
   // derived values
-  const { isContentEditable, logo_props, name, updatePageLogo } = page;
+  const { isContentEditable, logo_props, updatePageLogo } = page;
   const isLogoSelected = !!logo_props?.in_use;
-  const isTitleEmpty = !name || name.trim() === "";
 
   return (
     <>
       <div className="h-[48px] flex items-end text-left">
         {!isLogoSelected && (
-          <div
-            className={cn("opacity-0 group-hover/page-header:opacity-100 transition-all duration-200", {
-              "opacity-100": isTitleEmpty,
-            })}
-          >
+          <div className={cn("opacity-100 group-hover/page-header:opacity-100 transition-all duration-200")}>
             <EmojiIconPicker
               isOpen={isLogoPickerOpen}
               handleToggle={(val) => setIsLogoPickerOpen(val)}