diff --git a/src/app/(dashboard)/connections/components/connections-table.tsx b/src/app/(dashboard)/connections/components/connections-table.tsx
index 44be4c8..f0c0dab 100644
--- a/src/app/(dashboard)/connections/components/connections-table.tsx
+++ b/src/app/(dashboard)/connections/components/connections-table.tsx
@@ -1,5 +1,6 @@
 "use client";
 
+import * as React from "react";
 import { useActionState, useEffect, useState, useTransition } from "react";
 import { Loader2, Trash2 } from "lucide-react";
 import { toast } from "sonner";
@@ -141,9 +142,10 @@ function ApprovedRow({
         {pricing.length === 0 ? (
           <span>Katalog fiyatı</span>
         ) : (
-          <ul className="space-y-0.5">
-            {pricing.slice(0, 3).map((p) => (
-              <li key={p.$id}>
+          <span>
+            {pricing.slice(0, 3).map((p, idx) => (
+              <React.Fragment key={p.$id}>
+                {idx > 0 && ", "}
                 <span className="text-foreground">
                   {TYPE_LABELS[p.prostheticType] ?? p.prostheticType}
                 </span>
@@ -153,10 +155,10 @@ function ApprovedRow({
                   : p.discountPercent
                     ? `%${p.discountPercent} indirim`
                     : "—"}
-              </li>
+              </React.Fragment>
             ))}
-            {pricing.length > 3 && <li>+ {pricing.length - 3} kural</li>}
-          </ul>
+            {pricing.length > 3 && `, +${pricing.length - 3} kural`}
+          </span>
         )}
       </TableCell>
       <TableCell className="text-right">