diff --git a/packages/components/src/Workbench/DraftPattern/Events/index.js b/packages/components/src/Workbench/DraftPattern/Events/index.js
index 43377249063..6a6afe491a9 100644
--- a/packages/components/src/Workbench/DraftPattern/Events/index.js
+++ b/packages/components/src/Workbench/DraftPattern/Events/index.js
@@ -4,7 +4,7 @@ import Event from './event'
 const DraftEvents = ({ events }) => (
   <div className="draft-events">
     {['error', 'warning', 'debug'].map((type) => (
-      <div className={`events-${type}`} id={type}>
+      <div className={`events-${type}`} key={type}>
         {events[type].map((event, index) => (
           <Event event={event} type={type} key={index} />
         ))}