diff --git a/web/index.js b/web/index.js
index dbd5e5cc1ad44d158bf1305888cee97e3b83c06c..6e4451e7ad6b5103dc45fb44d00e455fd3d7be22 100644
--- a/web/index.js
+++ b/web/index.js
@@ -49,13 +49,13 @@ class App extends Component {
 			}
 		}, error => this.setState({ loading: false, error }))
 
-		this.imageObserver = new IntersectionObserver(this.observeImageIntersection, {
+		this.imageObserver = new IntersectionObserver(this.observeImageIntersections, {
 			rootMargin: "100px",
 		})
-		this.sectionObserver = new IntersectionObserver(this.observeSectionIntersection, {})
+		this.sectionObserver = new IntersectionObserver(this.observeSectionIntersections)
 	}
 
-	observeImageIntersection = intersections => {
+	observeImageIntersections(intersections) {
 		for (const entry of intersections) {
 			const img = entry.target.children.item(0)
 			if (entry.isIntersecting) {
@@ -68,7 +68,7 @@ class App extends Component {
 		}
 	}
 
-	observeSectionIntersection = intersections => {
+	observeSectionIntersections(intersections) {
 		for (const entry of intersections) {
 			const packID = entry.target.getAttribute("data-pack-id")
 			const navElement = document.getElementById(`nav-${packID}`)