diff --git a/src/app/styles/violation-details.scss b/src/app/styles/violation-details.scss
index d94f439..daa890d 100644
--- a/src/app/styles/violation-details.scss
+++ b/src/app/styles/violation-details.scss
@@ -659,6 +659,11 @@
 		}
 
 		.complaint-details {
+			h5 {
+				font-weight: 700;
+				font-size: 22px;
+			}
+
 			&-item {
 				margin-bottom: 10px;
 			}
diff --git a/src/app/ui/file-page/violation-table/case-legal.tsx b/src/app/ui/file-page/violation-table/case-legal.tsx
index f178f8d..32e7144 100644
--- a/src/app/ui/file-page/violation-table/case-legal.tsx
+++ b/src/app/ui/file-page/violation-table/case-legal.tsx
@@ -233,7 +233,7 @@ export default function CaseViolation({ selectedViolation, updateStatusHandler }
 										<div
 											className="complaint-details-item"
 										>
-											<strong>ID:</strong> {item.id}
+											<h5>{item.name}</h5> 
 										</div>
 										<div
 											className="complaint-details-item"