diff --git a/src/lib/components/columnSelector.svelte b/src/lib/components/columnSelector.svelte
index c113d5e9c..07c5973fd 100644
--- a/src/lib/components/columnSelector.svelte
+++ b/src/lib/components/columnSelector.svelte
@@ -19,7 +19,7 @@
     } = $props();
 
     let maxHeight = $state('none');
-    let containerRef;
+    let containerRef = $state(null);
 
     const calcMaxHeight = () => {
         if (containerRef) {
diff --git a/src/routes/(console)/organization-[organization]/usage/[[invoice]]/ProjectBreakdown.svelte b/src/routes/(console)/organization-[organization]/usage/[[invoice]]/ProjectBreakdown.svelte
index 946837f2d..7df438966 100644
--- a/src/routes/(console)/organization-[organization]/usage/[[invoice]]/ProjectBreakdown.svelte
+++ b/src/routes/(console)/organization-[organization]/usage/[[invoice]]/ProjectBreakdown.svelte
@@ -5,7 +5,6 @@
     import { canSeeProjects } from '$lib/stores/roles';
     import { onMount } from 'svelte';
     import { Accordion, Table } from '@appwrite.io/pink-svelte';
-    import { base } from '$app/paths';
     import type { PageData } from './$types';
     import { getProjectRoute } from '$lib/helpers/project';
 
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/topics/+page.svelte b/src/routes/(console)/project-[region]-[project]/messaging/topics/+page.svelte
index b2f5a9e7a..eeffcc9e6 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/topics/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/topics/+page.svelte
@@ -4,7 +4,6 @@
     import Create from './create.svelte';
     import { goto } from '$app/navigation';
     import { Container, ResponsiveContainerHeader } from '$lib/layout';
-    import { base } from '$app/paths';
     import type { Models } from '@appwrite.io/console';
     import type { PageData } from './$types';
     import { showCreate } from './store';