diff --git a/web/src/lib/elements/ui/dataTable/data-table-actions.svelte b/web/src/lib/elements/ui/dataTable/data-table-actions.svelte
index eb33fb5cc..6a710065a 100644
--- a/web/src/lib/elements/ui/dataTable/data-table-actions.svelte
+++ b/web/src/lib/elements/ui/dataTable/data-table-actions.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import Ellipsis from 'lucide-svelte/icons/ellipsis';
   import * as DropdownMenu from '$lib/elements/ui/dropdown-menu';
-  import * as Button from '$lib/elements/ui/button';
+  import { Button } from '$lib/elements/ui/button';
 
   export let id: string;
 </script>
diff --git a/web/src/lib/elements/ui/dataTable/data-table.svelte b/web/src/lib/elements/ui/dataTable/data-table.svelte
index 3cff1fe7a..7993a217d 100644
--- a/web/src/lib/elements/ui/dataTable/data-table.svelte
+++ b/web/src/lib/elements/ui/dataTable/data-table.svelte
@@ -13,7 +13,7 @@
   import { Button } from '$lib/elements/ui/button';
   import ArrowUpDown from 'lucide-svelte/icons/arrow-up-down';
   import ChevronDown from 'lucide-svelte/icons/chevron-down';
-  import * as Input from '$lib/elements/ui/input';
+  import { Input } from '$lib/elements/ui/input';
   import * as DropdownMenu from '$lib/elements/ui/dropdown-menu';
   import DataTableCheckbox from './data-table-checkbox.svelte';