diff --git a/components/HighlightComic.tsx b/components/HighlightComic.tsx
index 8403bb0..8449113 100644
--- a/components/HighlightComic.tsx
+++ b/components/HighlightComic.tsx
@@ -18,6 +18,7 @@ export default function HighlightComic(props: Props) {
                     src={props.page.imageUrl}
                     width={props.page.width}
                     height={props.page.height}
+                    alt={props.page.title}
                     style={{
                         position: 'absolute',
                         top: 0,
@@ -29,6 +30,7 @@ export default function HighlightComic(props: Props) {
                 props.highlightedBubbles.map((bubble) => {
                     return (
                         <div
+                            key={bubble}
                             className='box-border'
                             style={{
                                 border: `1.5px dashed ${randomColour(
diff --git a/pages/comic/[comic]/search.tsx b/pages/comic/[comic]/search.tsx
index e99d019..7c93f80 100644
--- a/pages/comic/[comic]/search.tsx
+++ b/pages/comic/[comic]/search.tsx
@@ -50,7 +50,7 @@ export default function Search(props: Props) {
             .then((results) => {
                 setResults(results);
             });
-    }, [searchQuery]);
+    }, [searchQuery, props.comic.id]);
 
     return (
         <main className='p-4'>