diff --git a/apps/api/src/modules/announcement/announcement.controller.ts b/apps/api/src/modules/announcement/announcement.controller.ts
index 3cc07db..b5b70d3 100644
--- a/apps/api/src/modules/announcement/announcement.controller.ts
+++ b/apps/api/src/modules/announcement/announcement.controller.ts
@@ -63,7 +63,9 @@ export class AnnouncementController {
       if (!body.value) {
         return { status: 400, body: { message: 'No value is sent' } }
       }
-      const contestId = z.coerce.number().parse(query.contestId)
+      const contestId = query.contestId
+        ? z.coerce.number().parse(query.contestId)
+        : null
       const announcement = await this.announcementService.create(
         body.value,
         contestId
diff --git a/apps/web/src/modules/announcement/elements.tsx b/apps/web/src/modules/announcement/elements.tsx
index 3c577a8..598ed9e 100644
--- a/apps/web/src/modules/announcement/elements.tsx
+++ b/apps/web/src/modules/announcement/elements.tsx
@@ -121,13 +121,15 @@ export const Element = ({
   }
 }
 
-export const Placeholder = (props: RenderPlaceholderProps) => {
+export const Placeholder = ({ attributes, children }: RenderPlaceholderProps) => {
   return (
-    <div
-      {...props}
-      style={{ ...props.attributes.style, top: '50%' }}
+    <span
+      {...attributes}
+      style={{ ...attributes.style, top: '50%' }}
       className="-translate-y-1/2"
-    />
+    >
+      {children}
+    </span>
   )
 }