diff --git a/resources/js/pages/admin/manage/announcements/index.tsx b/resources/js/pages/admin/manage/announcements/index.tsx
index 7740040..c3f035c 100644
--- a/resources/js/pages/admin/manage/announcements/index.tsx
+++ b/resources/js/pages/admin/manage/announcements/index.tsx
@@ -135,6 +135,7 @@ export default function AnnouncementIndex({
 
                 <ViewDetailDialog
                     open={viewing !== null}
+                    showTargetRoles={canCreate || canUpdate}
                     onOpenChange={(open) => {
                         if (!open) {
                             setViewing(null);
@@ -176,10 +177,12 @@ function ViewDetailDialog({
     open,
     onOpenChange,
     announcement,
+    showTargetRoles,
 }: {
     open: boolean;
     onOpenChange: (open: boolean) => void;
     announcement: Announcement | null;
+    showTargetRoles: boolean;
 }) {
     return (
         <Dialog open={open} onOpenChange={onOpenChange}>
@@ -200,18 +203,20 @@ function ViewDetailDialog({
                             )}
                         </span>
 
-                        <div className="grid gap-1">
-                            <Label className="text-muted-foreground">
-                                Ditujukan Untuk
-                            </Label>
-                            <div className="flex flex-wrap gap-1">
-                                {announcement.target_roles.map((role) => (
-                                    <Badge key={role} variant="secondary">
-                                        {AnnouncementTargetRoleLabels[role]}
-                                    </Badge>
-                                ))}
+                        {showTargetRoles && (
+                            <div className="grid gap-1">
+                                <Label className="text-muted-foreground">
+                                    Ditujukan Untuk
+                                </Label>
+                                <div className="flex flex-wrap gap-1">
+                                    {announcement.target_roles.map((role) => (
+                                        <Badge key={role} variant="secondary">
+                                            {AnnouncementTargetRoleLabels[role]}
+                                        </Badge>
+                                    ))}
+                                </div>
                             </div>
-                        </div>
+                        )}
 
                         <div className="grid gap-1">
                             <Label className="text-muted-foreground">