diff --git a/ui/src/pages/ManageTransfers.vue b/ui/src/pages/ManageTransfers.vue
deleted file mode 100644
index f4a69f1..0000000
--- a/ui/src/pages/ManageTransfers.vue
+++ /dev/null
@@ -1,106 +0,0 @@
-<script setup lang="ts">
-import Badge from '@/components/ui/badge/Badge.vue';
-import Button from '@/components/ui/button/Button.vue';
-import {
-    Card,
-    CardContent,
-    CardDescription,
-    CardFooter,
-    CardHeader,
-    CardTitle,
-} from '@/components/ui/card'
-import {
-    Dialog,
-    DialogContent,
-    DialogDescription,
-    DialogFooter,
-    DialogHeader,
-    DialogTitle,
-    DialogTrigger,
-} from '@/components/ui/dialog'
-import { Combobox, ComboboxAnchor, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxItemIndicator, ComboboxList } from "@/components/ui/combobox"
-
-import { onMounted, ref } from 'vue';
-import { getRanks } from '@/api/rank';
-
-const setRankDialog = ref(false);
-const rankOnTransfer = ref();
-const ranks = ref(null);
-
-onMounted(async () => {
-    ranks.value = await getRanks();
-});
-</script>
-<template>
-    <Dialog :open="setRankDialog" @update:open="setRankDialog = false">
-        <DialogContent>
-            <DialogHeader>
-                <DialogTitle>Set Rank on Transfer</DialogTitle>
-                <DialogDescription>
-                    Assign MEMBER a rank on transfer completion.
-                </DialogDescription>
-            </DialogHeader>
-            <!-- Rank Combobox -->
-            <Combobox v-model="rankOnTransfer">
-                <ComboboxAnchor class="w-[300px]">
-                    <ComboboxInput placeholder="Search ranks..." class="w-full pl-9"
-                        :display-value="(v) => v ? v.short_name : ''" />
-                </ComboboxAnchor>
-                <ComboboxList class="w-[300px]">
-                    <ComboboxEmpty class="text-muted-foreground">No results</ComboboxEmpty>
-                    <ComboboxGroup>
-                        <template v-for="rank in ranks" :key="rank.id">
-                            <ComboboxItem :value="rank"
-                                class="data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative cursor-pointer select-none px-2 py-1.5">
-                                {{ rank.short_name }}
-                                <ComboboxItemIndicator class="absolute left-2 inline-flex items-center">
-                                    <Check class="h-4 w-4" />
-                                </ComboboxItemIndicator>
-                            </ComboboxItem>
-                        </template>
-                    </ComboboxGroup>
-                </ComboboxList>
-            </Combobox>
-            <DialogFooter>
-                <Button variant="outline" @click="setRankDialog = false">Cancel</Button>
-                <Button>Confirm</Button>
-            </DialogFooter>
-        </DialogContent>
-    </Dialog>
-
-    <div class="max-w-5xl w-full mx-auto">
-        Active
-        <div>
-            <Card>
-                <CardHeader>
-                    <CardTitle class="flex justify-between">
-                        <div class="flex items-center gap-3">
-                            <Badge class="">Pending</Badge>
-                            <p>Name</p>
-                        </div>
-                        <div class="text-muted-foreground font-normal flex gap-2">
-                            Transfer To: <p class="text-white">Company</p>
-                        </div>
-                    </CardTitle>
-                    <CardDescription class="flex gap-2">Approved by: <p class="text-white">Someone, Someone?</p>
-                    </CardDescription>
-                    <CardDescription class="flex gap-2">Rank on transfer: <p class="text-white">Rank</p>
-                    </CardDescription>
-                </CardHeader>
-                <!-- <CardContent>
-                    Card Content
-                </CardContent> -->
-                <CardFooter class="flex justify-between">
-                    <p class="text-muted-foreground">Request Date:</p>
-                    <div class="flex gap-4">
-                        <Button variant="success">Approve</Button>
-                        <Button variant="destructive">Deny</Button>
-                    </div>
-                </CardFooter>
-            </Card>
-        </div>
-        <div>
-            Inactive
-        </div>
-    </div>
-</template>
\ No newline at end of file
diff --git a/ui/src/pages/Transfer.vue b/ui/src/pages/Transfer.vue
deleted file mode 100644
index 57ef20b..0000000
--- a/ui/src/pages/Transfer.vue
+++ /dev/null
@@ -1,95 +0,0 @@
-<script setup lang="ts">
-import { Check, Search } from "lucide-vue-next"
-import { Combobox, ComboboxAnchor, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxItemIndicator, ComboboxList } from "@/components/ui/combobox"
-
-import { onMounted, ref } from "vue";
-import { Member, getMembers } from "@/api/member";
-import Button from "@/components/ui/button/Button.vue";
-import { Status, getAllStatuses, assignStatus } from "@/api/status";
-import { Rank, getRanks } from "@/api/rank";
-
-const members = ref<Member[]>([])
-const statuses = ref<Status[]>([])
-const allRanks = ref<Rank[]>([])
-
-const currentMember = ref<Member | null>(null);
-const currentStatus = ref<Status | null>(null);
-const currentRank = ref<Rank | null>(null);
-
-onMounted(async () => {
-    members.value = await getMembers();
-    statuses.value = await getAllStatuses();
-    allRanks.value = await getRanks();
-});
-
-</script>
-
-<template>
-    <div class="flex flex-row gap-6 mx-auto m-10 max-w-5xl">
-        <Combobox v-model="currentMember">
-            <ComboboxAnchor class="w-[300px]">
-                <ComboboxInput placeholder="Search members..." class="w-full pl-9"
-                    :display-value="(v) => v ? v.member_name : ''" />
-            </ComboboxAnchor>
-            <ComboboxList class="w-[300px]">
-                <ComboboxEmpty class="text-muted-foreground">No results</ComboboxEmpty>
-                <ComboboxGroup>
-                    <template v-for="member in members" :key="member.member_id">
-                        <ComboboxItem :value="member"
-                            class="data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative cursor-pointer select-none px-2 py-1.5">
-                            {{ member.member_name }}
-                            <ComboboxItemIndicator class="absolute left-2 inline-flex items-center">
-                                <Check class="h-4 w-4" />
-                            </ComboboxItemIndicator>
-                        </ComboboxItem>
-                    </template>
-                </ComboboxGroup>
-            </ComboboxList>
-        </Combobox>
-
-        <!-- Status Combobox -->
-        <Combobox v-model="currentStatus">
-            <ComboboxAnchor class="w-[300px]">
-                <ComboboxInput placeholder="Search statuses..." class="w-full pl-9"
-                    :display-value="(v) => v ? v.name : ''" />
-            </ComboboxAnchor>
-            <ComboboxList class="w-[300px]">
-                <ComboboxEmpty class="text-muted-foreground">No results</ComboboxEmpty>
-                <ComboboxGroup>
-                    <template v-for="status in statuses" :key="status.id">
-                        <ComboboxItem :value="status"
-                            class="data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative cursor-pointer select-none px-2 py-1.5">
-                            {{ status.name }}
-                            <ComboboxItemIndicator class="absolute left-2 inline-flex items-center">
-                                <Check class="h-4 w-4" />
-                            </ComboboxItemIndicator>
-                        </ComboboxItem>
-                    </template>
-                </ComboboxGroup>
-            </ComboboxList>
-        </Combobox>
-
-        <!-- rank -->
-        <Combobox v-model="currentRank">
-            <ComboboxAnchor class="w-[300px]">
-                <ComboboxInput placeholder="Search ranks..." class="w-full pl-9"
-                    :display-value="(v) => v ? v.short_name : ''" />
-            </ComboboxAnchor>
-            <ComboboxList class="w-[300px]">
-                <ComboboxEmpty class="text-muted-foreground">No results</ComboboxEmpty>
-                <ComboboxGroup>
-                    <template v-for="rank in allRanks" :key="rank.id">
-                        <ComboboxItem :value="rank"
-                            class="data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative cursor-pointer select-none px-2 py-1.5">
-                            {{ rank.short_name }}
-                            <ComboboxItemIndicator class="absolute left-2 inline-flex items-center">
-                                <Check class="h-4 w-4" />
-                            </ComboboxItemIndicator>
-                        </ComboboxItem>
-                    </template>
-                </ComboboxGroup>
-            </ComboboxList>
-        </Combobox>
-        <Button :onClick="() => { }">Submit</Button>
-    </div>
-</template>
\ No newline at end of file
diff --git a/ui/src/router/index.js b/ui/src/router/index.js
index 1c793b7..4e7050a 100644
--- a/ui/src/router/index.js
+++ b/ui/src/router/index.js
@@ -15,7 +15,6 @@ const router = createRouter({
     // MEMBER ROUTES
     { path: '/members', component: () => import('@/pages/memberList.vue'), meta: { requiresAuth: true, memberOnly: true } },
     { path: '/loa', component: () => import('@/pages/SubmitLOA.vue'), meta: { requiresAuth: true, memberOnly: true } },
-    { path: '/transfer', component: () => import('@/pages/Transfer.vue'), meta: { requiresAuth: true, memberOnly: true } },
     { path: '/profile', component: () => import('@/pages/MyProfile.vue'), meta: { requiresAuth: true } },
 
 
@@ -38,7 +37,6 @@ const router = createRouter({
         { path: 'applications/:id', component: () => import('@/pages/ManageApplications.vue') },
         { path: 'rankChange', component: () => import('@/pages/RankChange.vue') },
         { path: 'applications/:id', component: () => import('@/pages/Application.vue') },
-        { path: 'transfer', component: () => import('@/pages/ManageTransfers.vue') },
         { path: 'loa', component: () => import('@/pages/ManageLOA.vue') },
         { path: 'roles', component: () => import('@/pages/ManageRoles.vue') },
         { path: 'roles/:id', component: () => import('@/pages/ManageRoles.vue') }