diff --git a/docs/API.md b/docs/API.md
index a70c1468e11..89f37a14ef3 100644
--- a/docs/API.md
+++ b/docs/API.md
@@ -19,7 +19,7 @@
   - [`Hls.DefaultConfig get/set`](#hlsdefaultconfig-getset)
   - [`capLevelToPlayerSize`](#capleveltoplayersize)
   - [`capLevelOnFPSDrop`](#caplevelonfpsdrop)
-  - ['ignoreDevicePixelRatio'](#ignoreDevicePixelRatio)
+  - [`ignoreDevicePixelRatio`](#ignoreDevicePixelRatio)
   - [`debug`](#debug)
   - [`autoStartLoad`](#autostartload)
   - [`startPosition`](#startposition)
diff --git a/docs/design.md b/docs/design.md
index b91822416bf..1e0f8939c91 100644
--- a/docs/design.md
+++ b/docs/design.md
@@ -224,6 +224,7 @@ design idea is pretty simple :
 [src/controller/subtitle-stream-controller.ts]: ../src/controller/subtitle-stream-controller.ts
 [src/controller/subtitle-track-controller.ts]: ../src/controller/subtitle-track-controller.ts
 [src/controller/timeline-controller.ts]: ../src/controller/timeline-controller.ts
+[src/controller/gap-controller.ts]: ../src/controller/gap-controller.ts
 [src/crypt/aes.ts]: ../src/crypt/aes.ts
 [src/crypt/aes128-decrypter.ts]: ../src/crypt/aes128-decrypter.ts
 [src/crypt/aes-decrypter.ts]: ..src/crypt/aes-decrypter.ts
diff --git a/src/controller/cap-level-controller.ts b/src/controller/cap-level-controller.ts
index 338912b0982..d7f4d4d268b 100644
--- a/src/controller/cap-level-controller.ts
+++ b/src/controller/cap-level-controller.ts
@@ -252,7 +252,7 @@ class CapLevelController implements ComponentAPI {
 
     // Levels can have the same dimensions but differing bandwidths - since levels are ordered, we can look to the next
     // to determine whether we've chosen the greatest bandwidth for the media's dimensions
-    const atGreatestBandiwdth = (curLevel, nextLevel) => {
+    const atGreatestBandwidth = (curLevel, nextLevel) => {
       if (!nextLevel) {
         return true;
       }
@@ -271,7 +271,7 @@ class CapLevelController implements ComponentAPI {
       const level = levels[i];
       if (
         (level.width >= width || level.height >= height) &&
-        atGreatestBandiwdth(level, levels[i + 1])
+        atGreatestBandwidth(level, levels[i + 1])
       ) {
         maxLevelIndex = i;
         break;
diff --git a/src/events.ts b/src/events.ts
index ebb46669594..41da5f0783b 100644
--- a/src/events.ts
+++ b/src/events.ts
@@ -58,7 +58,7 @@ export enum Events {
   MEDIA_ATTACHING = 'hlsMediaAttaching',
   // Fired when MediaSource has been successfully attached to media element
   MEDIA_ATTACHED = 'hlsMediaAttached',
-  // Fired before deatching MediaSource from media element
+  // Fired before detaching MediaSource from media element
   MEDIA_DETACHING = 'hlsMediaDetaching',
   // Fired when MediaSource has been detached from media element
   MEDIA_DETACHED = 'hlsMediaDetached',
@@ -150,9 +150,9 @@ export enum Events {
   FRAG_BUFFERED = 'hlsFragBuffered',
   // fired when fragment matching with current media position is changing - data : { id : demuxer id, frag : fragment object }
   FRAG_CHANGED = 'hlsFragChanged',
-  // Identifier for a FPS drop event - data: { curentDropped, currentDecoded, totalDroppedFrames }
+  // Identifier for a FPS drop event - data: { currentDropped, currentDecoded, totalDroppedFrames }
   FPS_DROP = 'hlsFpsDrop',
-  // triggered when FPS drop triggers auto level capping - data: { level, droppedlevel }
+  // triggered when FPS drop triggers auto level capping - data: { level, droppedLevel }
   FPS_DROP_LEVEL_CAPPING = 'hlsFpsDropLevelCapping',
   // Identifier for an error event - data: { type : error type, details : error details, fatal : if true, hls.js cannot/will not try to recover, if false, hls.js will try to recover,other error specific data }
   ERROR = 'hlsError',
diff --git a/src/utils/discontinuities.ts b/src/utils/discontinuities.ts
index 7ac63b31dd9..015caf15861 100644
--- a/src/utils/discontinuities.ts
+++ b/src/utils/discontinuities.ts
@@ -210,7 +210,7 @@ export function alignMediaPlaylistByPDT(
   const refPDT = refDetails.fragments[0].programDateTime!; // hasProgramDateTime check above makes this safe.
   const refStart = refDetails.fragments[0].start;
   // Use the delta between the reference details' presentation timeline's start time and its PDT
-  // to align the other rendtion's timeline.
+  // to align the other rendition's timeline.
   const delta = refPDT - refStart * 1000;
   // Per spec: "If any Media Playlist in a Master Playlist contains an EXT-X-PROGRAM-DATE-TIME tag, then all
   // Media Playlists in that Master Playlist MUST contain EXT-X-PROGRAM-DATE-TIME tags with consistent mappings