diff --git a/app/web/public/img/empty.png b/app/web/public/img/empty.png
new file mode 100644
index 00000000..a395b09d
Binary files /dev/null and b/app/web/public/img/empty.png differ
diff --git a/app/web/public/logo/logo-white.png b/app/web/public/img/logo-white.png
similarity index 100%
rename from app/web/public/logo/logo-white.png
rename to app/web/public/img/logo-white.png
diff --git a/app/web/public/logo/logo.png b/app/web/public/img/logo.png
similarity index 100%
rename from app/web/public/logo/logo.png
rename to app/web/public/img/logo.png
diff --git a/app/web/src/render/ed/panel/tree/body.tsx b/app/web/src/render/ed/panel/tree/body.tsx
index f77859f3..e35bfa6d 100644
--- a/app/web/src/render/ed/panel/tree/body.tsx
+++ b/app/web/src/render/ed/panel/tree/body.tsx
@@ -28,7 +28,21 @@ export const EdTreeBody = () => {
     tree = p.page.tree;
   }
 
-  if (p.page.tree.length === 0) return <div>No Item </div>;
+  if (p.page.tree.length === 0)
+    return (
+      <div className="flex py-[100px] select-none justify-center flex-1">
+        <div className="flex flex-col">
+          <img
+            draggable={false}
+            src="/img/empty.png"
+            className={css`
+              width: 50px;
+            `}
+          />
+          <div className="mt-[20px]">No Item</div>
+        </div>
+      </div>
+    );
   return (
     <TypedTree
       tree={tree}
@@ -54,7 +68,7 @@ export const EdTreeBody = () => {
 };
 
 const treeClasses = {
-  container: "flex flex-col",
+  container: "flex flex-col flex-1",
   dropTarget: "drop-target",
   placeholder: "placeholder",
   draggingSource: css`
diff --git a/app/web/src/render/ed/panel/tree/tree.tsx b/app/web/src/render/ed/panel/tree/tree.tsx
index c18c348a..a3cb641c 100644
--- a/app/web/src/render/ed/panel/tree/tree.tsx
+++ b/app/web/src/render/ed/panel/tree/tree.tsx
@@ -10,7 +10,7 @@ export const EdTree = () => {
     <div className="flex flex-col min-w-[300px] relative border-r">
       <EdTreeSearch />
       <div className="tree-body flex relative flex-1 overflow-y-auto overflow-x-hidden">
-        <div className="absolute inset-0">
+        <div className="absolute inset-0 flex">
           <DndProvider backend={MultiBackend} options={getBackendOptions()}>
             <EdTreeBody />
           </DndProvider>