diff --git a/website/src/components/FlaggableElement.tsx b/website/src/components/FlaggableElement.tsx
index f5717350..75220344 100644
--- a/website/src/components/FlaggableElement.tsx
+++ b/website/src/components/FlaggableElement.tsx
@@ -37,7 +37,7 @@ export const FlaggableElement = (props) => {
   const [sliderValues, setSliderValues] = useState(new Array(TEXT_LABEL_FLAGS.length).fill(1));
 
   const fetchData = () => {
-    let label_map: Map<string, number> = new Map();
+    const label_map: Map<string, number> = new Map();
     TEXT_LABEL_FLAGS.forEach((flag, i) => {
       if (checkboxValues[i]) {
         label_map.set(flag.attributeName, sliderValues[i]);
diff --git a/website/src/components/Messages.tsx b/website/src/components/Messages.tsx
index 90f2ff80..cc94fcc0 100644
--- a/website/src/components/Messages.tsx
+++ b/website/src/components/Messages.tsx
@@ -10,7 +10,7 @@ const getColor = (isAssistant: boolean) => (isAssistant ? "bg-slate-800" : "bg-s
 export const Messages = ({ messages, post_id }: { messages: Message[]; post_id: string }) => {
   const items = messages.map(({ text, is_assistant }: Message, i: number) => {
     return (
-      <div className="flex">
+      <div className="flex" key={i + text}>
         <FlaggableElement text={text} post_id={post_id}>
           <div
             key={i + text}