diff --git a/packages/builder/src/components/backend/DatasourceNavigator/ListItem.svelte b/packages/builder/src/components/backend/DatasourceNavigator/ListItem.svelte
deleted file mode 100644
index f148eaf8b2..0000000000
--- a/packages/builder/src/components/backend/DatasourceNavigator/ListItem.svelte
+++ /dev/null
@@ -1,55 +0,0 @@
-<script>
-  export let icon
-  export let className
-  export let title
-  export let selected
-  export let indented
-</script>
-
-<div
-  data-cy="table-nav-item"
-  class:indented
-  class:selected
-  on:click
-  class={className}>
-  <i class={icon} />
-  <span>{title}</span>
-  <slot />
-</div>
-
-<style>
-  .indented {
-    grid-template-columns: 46px 1fr 20px;
-  }
-  .indented i {
-    justify-self: end;
-  }
-
-  div {
-    padding: var(--spacing-s) var(--spacing-m);
-    border-radius: var(--border-radius-m);
-    display: grid;
-    grid-template-columns: 20px 1fr 20px;
-    align-items: center;
-    transition: 0.3s background-color;
-    color: var(--ink);
-    font-weight: 400;
-    font-size: 14px;
-    margin-bottom: var(--spacing-xs);
-    grid-gap: var(--spacing-s);
-  }
-
-  .selected {
-    background-color: var(--grey-2);
-  }
-
-  div:hover {
-    background-color: var(--grey-1);
-    cursor: pointer;
-  }
-
-  i {
-    color: var(--grey-7);
-    font-size: 20px;
-  }
-</style>