diff --git a/app/[locale]/(protected)/admin/media-tracking/component/column.tsx b/app/[locale]/(protected)/admin/media-tracking/component/column.tsx
index 449e8ebb..7516c172 100644
--- a/app/[locale]/(protected)/admin/media-tracking/component/column.tsx
+++ b/app/[locale]/(protected)/admin/media-tracking/component/column.tsx
@@ -48,6 +48,11 @@ const columns: ColumnDef<any>[] = [
       </span>
     ),
   },
+  {
+    accessorKey: "title",
+    header: "Judul Berita",
+    cell: ({ row }) => <span>{row.getValue("title")}</span>,
+  },
   {
     accessorKey: "pageUrl",
     header: "Link Berita",
diff --git a/app/[locale]/(protected)/admin/media-tracking/component/modal.tsx b/app/[locale]/(protected)/admin/media-tracking/component/modal.tsx
index 9f1c53e8..ed3043f7 100644
--- a/app/[locale]/(protected)/admin/media-tracking/component/modal.tsx
+++ b/app/[locale]/(protected)/admin/media-tracking/component/modal.tsx
@@ -104,13 +104,15 @@ export default function TrackingMediaModal(props: {
             value={inputValue}
             onChange={handleInputChange}
           />{" "}
-          <div className="w-full border rounded-md text-xs p-2 flex flex-col gap-1 max-h-[300px] overflow-auto">
+          <div className="w-full border rounded-sm text-xs p-2 flex flex-col max-h-[300px] overflow-auto">
             {content.length > 0 &&
               content.map((item: any) => (
                 <a
                   key={item.id}
-                  className={`cursor-pointer ${
-                    selectedId === item.id ? "font-bold" : ""
+                  className={`cursor-pointer  px-2 py-4 ${
+                    selectedId === item.id
+                      ? "font-bold bg-gray-200 rounded-sm"
+                      : "hover:bg-gray-100 hover:font-semibold"
                   }`}
                   onClick={() => {
                     setSelectedId(item.id);