diff --git a/resources/js/Pages/Clients.vue b/resources/js/Pages/Clients.vue
index 3af927b3..2ca05b1c 100644
--- a/resources/js/Pages/Clients.vue
+++ b/resources/js/Pages/Clients.vue
@@ -3,8 +3,6 @@ import MainContainer from '@/Pages/MainContainer.vue';
 import AppLayout from '@/Layouts/AppLayout.vue';
 import { PlusIcon } from '@heroicons/vue/16/solid';
 import SecondaryButton from '@/Components/SecondaryButton.vue';
-import TabBar from '@/Components/Common/TabBar/TabBar.vue';
-import TabBarItem from '@/Components/Common/TabBar/TabBarItem.vue';
 import { UserCircleIcon } from '@heroicons/vue/20/solid';
 import { onMounted, ref } from 'vue';
 import { useClientsStore } from '@/utils/useClients';
@@ -26,11 +24,6 @@ const createClient = ref(false);
             class="py-5 border-b border-default-background-separator flex justify-between items-center">
             <div class="flex items-center space-x-6">
                 <PageTitle :icon="UserCircleIcon" title="Clients"> </PageTitle>
-                <TabBar>
-                    <TabBarItem>All</TabBarItem>
-                    <TabBarItem active>Active</TabBarItem>
-                    <TabBarItem>Archived</TabBarItem>
-                </TabBar>
             </div>
             <SecondaryButton
                 v-if="canCreateClients()"
diff --git a/resources/js/Pages/Projects.vue b/resources/js/Pages/Projects.vue
index 2052fd9f..8aed0bff 100644
--- a/resources/js/Pages/Projects.vue
+++ b/resources/js/Pages/Projects.vue
@@ -2,9 +2,7 @@
 import MainContainer from '@/Pages/MainContainer.vue';
 import AppLayout from '@/Layouts/AppLayout.vue';
 import { FolderIcon, PlusIcon } from '@heroicons/vue/16/solid';
-import TabBarItem from '@/Components/Common/TabBar/TabBarItem.vue';
 import SecondaryButton from '@/Components/SecondaryButton.vue';
-import TabBar from '@/Components/Common/TabBar/TabBar.vue';
 import ProjectTable from '@/Components/Common/Project/ProjectTable.vue';
 import { onMounted, ref } from 'vue';
 import { useProjectsStore } from '@/utils/useProjects';
@@ -25,11 +23,6 @@ const createProject = ref(false);
             class="py-3 sm:py-5 border-b border-default-background-separator flex justify-between items-center">
             <div class="flex items-center space-x-3 sm:space-x-6">
                 <PageTitle :icon="FolderIcon" title="Projects"> </PageTitle>
-                <TabBar>
-                    <TabBarItem>All</TabBarItem>
-                    <TabBarItem active>Active</TabBarItem>
-                    <TabBarItem>Archived</TabBarItem>
-                </TabBar>
             </div>
             <SecondaryButton
                 v-if="canCreateProjects()"