diff --git a/ui/litellm-dashboard/src/components/vector_store_management/TestVectorStoreTab.tsx b/ui/litellm-dashboard/src/components/vector_store_management/TestVectorStoreTab.tsx
index da005491ca6..095b26c08da 100644
--- a/ui/litellm-dashboard/src/components/vector_store_management/TestVectorStoreTab.tsx
+++ b/ui/litellm-dashboard/src/components/vector_store_management/TestVectorStoreTab.tsx
@@ -1,33 +1,39 @@
 import React, { useState } from "react";
-import { Card, Select, Typography } from "antd";
+import { Select } from "antd";
+import { Card } from "@/components/ui/card";
 import { VectorStoreTester } from "./VectorStoreTester";
 import { VectorStore } from "./types";
 
-const { Text, Title } = Typography;
-
 interface TestVectorStoreTabProps {
   accessToken: string | null;
   vectorStores: VectorStore[];
 }
 
-const TestVectorStoreTab: React.FC<TestVectorStoreTabProps> = ({ accessToken, vectorStores }) => {
-  const [selectedVectorStoreId, setSelectedVectorStoreId] = useState<string | undefined>(
-    vectorStores.length > 0 ? vectorStores[0].vector_store_id : undefined
-  );
+const TestVectorStoreTab: React.FC<TestVectorStoreTabProps> = ({
+  accessToken,
+  vectorStores,
+}) => {
+  const [selectedVectorStoreId, setSelectedVectorStoreId] = useState<
+    string | undefined
+  >(vectorStores.length > 0 ? vectorStores[0].vector_store_id : undefined);
 
   if (!accessToken) {
     return (
-      <Card>
-        <Text type="secondary">Access token is required to test vector stores.</Text>
+      <Card className="p-4">
+        <p className="text-muted-foreground">
+          Access token is required to test vector stores.
+        </p>
       </Card>
     );
   }
 
   if (vectorStores.length === 0) {
     return (
-      <Card>
+      <Card className="p-4">
         <div className="text-center py-8">
-          <Text type="secondary">No vector stores available. Create one first to test it.</Text>
+          <p className="text-muted-foreground">
+            No vector stores available. Create one first to test it.
+          </p>
         </div>
       </Card>
     );
@@ -35,11 +41,13 @@ const TestVectorStoreTab: React.FC<TestVectorStoreTabProps> = ({ accessToken, ve
 
   return (
     <div className="space-y-4">
-      <Card>
+      <Card className="p-4">
         <div className="space-y-4">
           <div>
-            <Title level={5}>Select Vector Store</Title>
-            <Text type="secondary">Choose a vector store to test search queries against</Text>
+            <h5 className="text-base font-semibold">Select Vector Store</h5>
+            <p className="text-muted-foreground text-sm">
+              Choose a vector store to test search queries against
+            </p>
           </div>
 
           <Select
@@ -52,11 +60,18 @@ const TestVectorStoreTab: React.FC<TestVectorStoreTabProps> = ({ accessToken, ve
             optionFilterProp="children"
           >
             {vectorStores.map((vs) => (
-              <Select.Option key={vs.vector_store_id} value={vs.vector_store_id}>
+              <Select.Option
+                key={vs.vector_store_id}
+                value={vs.vector_store_id}
+              >
                 <div className="flex flex-col">
-                  <span className="font-medium">{vs.vector_store_name || vs.vector_store_id}</span>
+                  <span className="font-medium">
+                    {vs.vector_store_name || vs.vector_store_id}
+                  </span>
                   {vs.vector_store_name && (
-                    <span className="text-xs text-gray-500 font-mono">{vs.vector_store_id}</span>
+                    <span className="text-xs text-muted-foreground font-mono">
+                      {vs.vector_store_id}
+                    </span>
                   )}
                 </div>
               </Select.Option>
@@ -66,7 +81,10 @@ const TestVectorStoreTab: React.FC<TestVectorStoreTabProps> = ({ accessToken, ve
       </Card>
 
       {selectedVectorStoreId && (
-        <VectorStoreTester vectorStoreId={selectedVectorStoreId} accessToken={accessToken} />
+        <VectorStoreTester
+          vectorStoreId={selectedVectorStoreId}
+          accessToken={accessToken}
+        />
       )}
     </div>
   );