diff --git a/ui/litellm-dashboard/src/components/object_permissions_view.tsx b/ui/litellm-dashboard/src/components/object_permissions_view.tsx
index 32f98496bc..ded6363f2f 100644
--- a/ui/litellm-dashboard/src/components/object_permissions_view.tsx
+++ b/ui/litellm-dashboard/src/components/object_permissions_view.tsx
@@ -33,6 +33,36 @@ export function ObjectPermissionsView({
   const mcpServers = objectPermission?.mcp_servers || [];
   const [vectorStoreDetails, setVectorStoreDetails] = useState<VectorStoreDetails[]>([]);
 
+  // Fetch vector store details when component mounts
+  useEffect(() => {
+    const fetchVectorStores = async () => {
+      if (!accessToken || vectorStores.length === 0) return;
+      
+      try {
+        const response = await vectorStoreListCall(accessToken);
+        if (response.data) {
+          setVectorStoreDetails(response.data.map((store: any) => ({
+            vector_store_id: store.vector_store_id,
+            vector_store_name: store.vector_store_name
+          })));
+        }
+      } catch (error) {
+        console.error("Error fetching vector stores:", error);
+      }
+    };
+
+    fetchVectorStores();
+  }, [accessToken, vectorStores.length]);
+
+  // Function to get display name for vector store
+  const getVectorStoreDisplayName = (storeId: string) => {
+    const storeDetail = vectorStoreDetails.find(store => store.vector_store_id === storeId);
+    if (storeDetail) {
+      return `${storeDetail.vector_store_name || storeDetail.vector_store_id} (${storeDetail.vector_store_id})`;
+    }
+    return storeId;
+  };
+
   // Premium user check
   if (!premiumUser) {
     const mockContent = (
@@ -93,36 +123,6 @@ export function ObjectPermissionsView({
     );
   }
 
-  // Fetch vector store details when component mounts
-  useEffect(() => {
-    const fetchVectorStores = async () => {
-      if (!accessToken || vectorStores.length === 0) return;
-      
-      try {
-        const response = await vectorStoreListCall(accessToken);
-        if (response.data) {
-          setVectorStoreDetails(response.data.map((store: any) => ({
-            vector_store_id: store.vector_store_id,
-            vector_store_name: store.vector_store_name
-          })));
-        }
-      } catch (error) {
-        console.error("Error fetching vector stores:", error);
-      }
-    };
-
-    fetchVectorStores();
-  }, [accessToken, vectorStores.length]);
-
-  // Function to get display name for vector store
-  const getVectorStoreDisplayName = (storeId: string) => {
-    const storeDetail = vectorStoreDetails.find(store => store.vector_store_id === storeId);
-    if (storeDetail) {
-      return `${storeDetail.vector_store_name || storeDetail.vector_store_id} (${storeDetail.vector_store_id})`;
-    }
-    return storeId;
-  };
-
   const content = (
     <div className={variant === "card" ? "grid grid-cols-1 md:grid-cols-2 gap-6" : "space-y-4"}>
       {/* Vector Stores Section */}