diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/indexes/createIndex.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/indexes/createIndex.svelte
index 1d6858eac2..297cb1381f 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/indexes/createIndex.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/indexes/createIndex.svelte
@@ -14,8 +14,6 @@
     import { type Attributes, collection, indexes } from '../store';
     import { Icon, Layout } from '@appwrite.io/pink-svelte';
     import { IconPlus } from '@appwrite.io/pink-icons-svelte';
-    import { flags } from '$lib/flags';
-
     export let showCreateIndex = false;
     export let externalAttribute: Attributes = null;
 
@@ -39,8 +37,6 @@
 
     let attributeList = [{ value: '', order: '', length: null }];
 
-    const showLengths = flags.showIndexLengths(page.data);
-
     function generateIndexKey() {
         let indexKeys = $indexes.map((index) => index.key);
 
@@ -152,7 +148,7 @@
                     placeholder="Select Order" />
 
                 <Layout.Stack direction="row" alignItems="flex-end" gap="xs">
-                    {#if selectedType === IndexType.Key && showLengths}
+                    {#if selectedType === IndexType.Key}
                         <InputNumber
                             id={`length-${i}`}
                             label={i === 0 ? 'Length' : undefined}
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/indexes/overviewIndex.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/indexes/overviewIndex.svelte
index f7318b6eaf..36d9f3a3ec 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/indexes/overviewIndex.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/indexes/overviewIndex.svelte
@@ -3,13 +3,9 @@
     import { InputText } from '$lib/elements/forms';
     import { Layout } from '@appwrite.io/pink-svelte';
     import type { Models } from '@appwrite.io/console';
-    import { page } from '$app/state';
-    import { flags } from '$lib/flags';
 
     export let showOverview = false;
     export let selectedIndex: Models.Index = null;
-
-    const showLengths = flags.showIndexLengths(page.data);
 </script>
 
 <Modal title="Overview" bind:show={showOverview}>
@@ -43,14 +39,12 @@
                     id={`value-${selectedIndex.orders[i]}`}
                     value={selectedIndex.orders[i]}
                     readonly />
-                {#if showLengths}
-                    <InputText
-                        required
-                        label={i === 0 ? 'Length' : ''}
-                        id={`value-${selectedIndex.lengths[i]}`}
-                        value={selectedIndex.lengths[i]?.toString() ?? null}
-                        readonly />
-                {/if}
+                <InputText
+                    required
+                    label={i === 0 ? 'Length' : ''}
+                    id={`value-${selectedIndex.lengths[i]}`}
+                    value={selectedIndex.lengths[i]?.toString() ?? null}
+                    readonly />
             </Layout.Stack>
         {/each}
     {/if}