diff --git a/web/src/lib/actions/intersection-observer.ts b/web/src/lib/actions/intersection-observer.ts
index edbc07e5c1..3a10074051 100644
--- a/web/src/lib/actions/intersection-observer.ts
+++ b/web/src/lib/actions/intersection-observer.ts
@@ -60,7 +60,7 @@ const observe = (key: HTMLElement | string, target: HTMLElement, properties: Int
     (entries: IntersectionObserverEntry[]) => {
       // This IntersectionObserver is limited to observing a single element, the one the
       // action is attached to. If there are multiple entries, it means that this
-      // observer is being notified of multiple events that have occured quickly together,
+      // observer is being notified of multiple events that have occurred quickly together,
       // and the latest element is the one we are interested in.
 
       entries.sort((a, b) => a.time - b.time);
diff --git a/web/src/lib/components/i18n/__test__/format-message.spec.ts b/web/src/lib/components/i18n/__test__/format-message.spec.ts
index a496237f90..e7b3cd6ab9 100644
--- a/web/src/lib/components/i18n/__test__/format-message.spec.ts
+++ b/web/src/lib/components/i18n/__test__/format-message.spec.ts
@@ -70,7 +70,7 @@ describe('FormatMessage component', () => {
     expect(getSanitizedHTML(container)).toBe('You have <strong>1 item</strong>');
   });
 
-  it('protects agains XSS injection', () => {
+  it('protects against XSS injection', () => {
     render(FormatMessage, {
       key: 'xss' as Translations,
     });
diff --git a/web/src/lib/components/shared-components/notification/notification.ts b/web/src/lib/components/shared-components/notification/notification.ts
index fd54768c04..79b1edd1a9 100644
--- a/web/src/lib/components/shared-components/notification/notification.ts
+++ b/web/src/lib/components/shared-components/notification/notification.ts
@@ -19,7 +19,7 @@ export type Notification = {
   /** The action to take when the notification is clicked */
   action: NotificationAction;
   button?: NotificationButton;
-  /** Timeout in miliseconds */
+  /** Timeout in milliseconds */
   timeout: number;
 };
 
diff --git a/web/src/lib/components/shared-components/purchasing/individual-purchase-option-card.svelte b/web/src/lib/components/shared-components/purchasing/individual-purchase-option-card.svelte
index f9de919025..c77a9dac96 100644
--- a/web/src/lib/components/shared-components/purchasing/individual-purchase-option-card.svelte
+++ b/web/src/lib/components/shared-components/purchasing/individual-purchase-option-card.svelte
@@ -7,7 +7,7 @@
   import { t } from 'svelte-i18n';
 </script>
 
-<!-- Inidvidual Purchase Option -->
+<!-- Individual Purchase Option -->
 <div class="border border-gray-300 dark:border-gray-800 w-[375px] p-8 rounded-3xl bg-gray-100 dark:bg-gray-900">
   <div class="text-immich-primary dark:text-immich-dark-primary">
     <Icon path={mdiAccount} size="56" />