diff --git a/package-lock.json b/package-lock.json
index d1812d28d..83dc37d98 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,8 +8,8 @@
             "name": "@appwrite/console",
             "version": "0.0.1",
             "dependencies": {
-                "@aw-labs/icons": "^0.0.0-15",
-                "@aw-labs/ui": "^0.0.0-15",
+                "@aw-labs/icons": "^0.0.0-16",
+                "@aw-labs/ui": "^0.0.0-16",
                 "echarts": "^5.3.3"
             },
             "devDependencies": {
@@ -58,14 +58,14 @@
             }
         },
         "node_modules/@aw-labs/icons": {
-            "version": "0.0.0-15",
-            "resolved": "https://registry.npmjs.org/@aw-labs/icons/-/icons-0.0.0-15.tgz",
-            "integrity": "sha512-3T0vqCf8nM6RjhUIddgtkANmU++sLfkGrZ0l+mUG/vCd8ObLZZpE6PV0de03KiQaMmKQSOSoOmFZySUFZcDcGQ=="
+            "version": "0.0.0-16",
+            "resolved": "https://registry.npmjs.org/@aw-labs/icons/-/icons-0.0.0-16.tgz",
+            "integrity": "sha512-JkUXgScGmlCuSQbNEJInKaGbIZbLnAFKT7oPLyOfC82DUzbtc9X3CAIHSywfPFH9Oaf+QGs6QYBwEPw4YFugKA=="
         },
         "node_modules/@aw-labs/ui": {
-            "version": "0.0.0-15",
-            "resolved": "https://registry.npmjs.org/@aw-labs/ui/-/ui-0.0.0-15.tgz",
-            "integrity": "sha512-xCfAmvDQ7b4ueJV1XZgqP8F05HE/h6R5Xt95etTrco7Rtr5ZeUFuiqWO/X+qXM4qwP42ijdhLw1PRBrhg9eIZg==",
+            "version": "0.0.0-16",
+            "resolved": "https://registry.npmjs.org/@aw-labs/ui/-/ui-0.0.0-16.tgz",
+            "integrity": "sha512-B/I31IIhWlgWVZz8zSelXTkJCOuq75g1fXTdiVUC0e16tgxEBuNs9/W2i9IsYXTqZhw2hlNdRwkpWeqie56Ahw==",
             "dependencies": {
                 "@aw-labs/icons": "*"
             }
@@ -7807,14 +7807,14 @@
             }
         },
         "@aw-labs/icons": {
-            "version": "0.0.0-15",
-            "resolved": "https://registry.npmjs.org/@aw-labs/icons/-/icons-0.0.0-15.tgz",
-            "integrity": "sha512-3T0vqCf8nM6RjhUIddgtkANmU++sLfkGrZ0l+mUG/vCd8ObLZZpE6PV0de03KiQaMmKQSOSoOmFZySUFZcDcGQ=="
+            "version": "0.0.0-16",
+            "resolved": "https://registry.npmjs.org/@aw-labs/icons/-/icons-0.0.0-16.tgz",
+            "integrity": "sha512-JkUXgScGmlCuSQbNEJInKaGbIZbLnAFKT7oPLyOfC82DUzbtc9X3CAIHSywfPFH9Oaf+QGs6QYBwEPw4YFugKA=="
         },
         "@aw-labs/ui": {
-            "version": "0.0.0-15",
-            "resolved": "https://registry.npmjs.org/@aw-labs/ui/-/ui-0.0.0-15.tgz",
-            "integrity": "sha512-xCfAmvDQ7b4ueJV1XZgqP8F05HE/h6R5Xt95etTrco7Rtr5ZeUFuiqWO/X+qXM4qwP42ijdhLw1PRBrhg9eIZg==",
+            "version": "0.0.0-16",
+            "resolved": "https://registry.npmjs.org/@aw-labs/ui/-/ui-0.0.0-16.tgz",
+            "integrity": "sha512-B/I31IIhWlgWVZz8zSelXTkJCOuq75g1fXTdiVUC0e16tgxEBuNs9/W2i9IsYXTqZhw2hlNdRwkpWeqie56Ahw==",
             "requires": {
                 "@aw-labs/icons": "*"
             }
diff --git a/package.json b/package.json
index 5e8b0624a..369916c3e 100644
--- a/package.json
+++ b/package.json
@@ -19,8 +19,8 @@
         "e2e": "playwright test tests/e2e"
     },
     "dependencies": {
-        "@aw-labs/icons": "^0.0.0-15",
-        "@aw-labs/ui": "^0.0.0-15",
+        "@aw-labs/icons": "^0.0.0-16",
+        "@aw-labs/ui": "^0.0.0-16",
         "echarts": "^5.3.3"
     },
     "devDependencies": {
diff --git a/src/routes/console/[project]/users/usage.svelte b/src/routes/console/[project]/users/usage.svelte
index 427480295..7980eb9f9 100644
--- a/src/routes/console/[project]/users/usage.svelte
+++ b/src/routes/console/[project]/users/usage.svelte
@@ -15,32 +15,34 @@
 
 <Container>
     {#if data}
-        <ul class="drop-tabs">
-            <li class="drop-tabs-item">
-                <button
-                    class="drop-tabs-button"
-                    on:click={() => (currentRange = '24h')}
-                    disabled={currentRange === '24h'}>
-                    <span class="text">24h</span>
-                </button>
-            </li>
-            <li class="drop-tabs-item">
-                <button
-                    class="drop-tabs-button"
-                    on:click={() => (currentRange = '30d')}
-                    disabled={currentRange === '30d'}>
-                    <span class="text">30d</span>
-                </button>
-            </li>
-            <li class="drop-tabs-item">
-                <button
-                    class="drop-tabs-button"
-                    on:click={() => (currentRange = '90d')}
-                    disabled={currentRange === '90d'}>
-                    <span class="text">90d</span>
-                </button>
-            </li>
-        </ul>
+        <div class="u-flex u-main-end common-section">
+            <ul class="drop-tabs">
+                <li class="drop-tabs-item">
+                    <button
+                        class="drop-tabs-button"
+                        on:click={() => (currentRange = '24h')}
+                        disabled={currentRange === '24h'}>
+                        <span class="text">24h</span>
+                    </button>
+                </li>
+                <li class="drop-tabs-item">
+                    <button
+                        class="drop-tabs-button"
+                        on:click={() => (currentRange = '30d')}
+                        disabled={currentRange === '30d'}>
+                        <span class="text">30d</span>
+                    </button>
+                </li>
+                <li class="drop-tabs-item">
+                    <button
+                        class="drop-tabs-button"
+                        on:click={() => (currentRange = '90d')}
+                        disabled={currentRange === '90d'}>
+                        <span class="text">90d</span>
+                    </button>
+                </li>
+            </ul>
+        </div>
         <Card>
             <h6 class="heading-level-6">Users</h6>
             <p>Count of users over time</p>