diff --git a/src-web/components/DropMarker.tsx b/src-web/components/DropMarker.tsx
index 971f0c81..eab99577 100644
--- a/src-web/components/DropMarker.tsx
+++ b/src-web/components/DropMarker.tsx
@@ -3,16 +3,14 @@ import React, { memo } from 'react';
 
 interface Props {
   className?: string;
-  depth: number;
 }
 
 export const DropMarker = memo(
-  function DropMarker({ className, depth }: Props) {
+  function DropMarker({ className }: Props) {
     return (
       <div
         className={classNames(
           className,
-          depth > 0 ? 'ml-5' : 'ml-0',
           'relative w-full h-0 overflow-visible pointer-events-none',
         )}
       >
diff --git a/src-web/components/Sidebar.tsx b/src-web/components/Sidebar.tsx
index ea0faf57..9c513a3c 100644
--- a/src-web/components/Sidebar.tsx
+++ b/src-web/components/Sidebar.tsx
@@ -403,9 +403,8 @@ function SidebarItems({
     >
       {tree.children.map((child, i) => (
         <Fragment key={child.item.id}>
-          {hoveredIndex === i && hoveredTree?.item.id === tree.item.id && (
-            <DropMarker depth={tree.depth} />
-          )}
+          {hoveredIndex === i && hoveredTree?.item.id === tree.item.id && <DropMarker />}
+          {hoveredIndex === i && hoveredTree?.item.id === tree.item.id && <DropMarker />}
           <DraggableSidebarItem
             selected={selectedId === child.item.id}
             itemId={child.item.id}
@@ -441,7 +440,7 @@ function SidebarItems({
         </Fragment>
       ))}
       {hoveredIndex === tree.children.length && hoveredTree?.item.id === tree.item.id && (
-        <DropMarker depth={tree.depth} />
+        <DropMarker />
       )}
     </VStack>
   );