diff --git a/src/client/theme-default/styles/components/vp-sponsor.css b/src/client/theme-default/styles/components/vp-sponsor.css
index 9d7a2a5c..e0cf2a80 100644
--- a/src/client/theme-default/styles/components/vp-sponsor.css
+++ b/src/client/theme-default/styles/components/vp-sponsor.css
@@ -1,6 +1,6 @@
 /**
  * VPSponsors styles are defined as global because a new class gets
- * allied in onMounted` hook and we can't use socped style.
+ * allied in onMounted` hook and we can't use scoped style.
  */
 .vp-sponsor {
   border-radius: 16px;
diff --git a/src/client/theme-default/styles/vars.css b/src/client/theme-default/styles/vars.css
index 3ebcac17..a6dfab62 100644
--- a/src/client/theme-default/styles/vars.css
+++ b/src/client/theme-default/styles/vars.css
@@ -23,7 +23,7 @@
  *
  * Each colors have exact same color scale system with 3 levels of solid
  * colors with different brightness, and 1 soft color.
- * 
+ *
  * - `XXX-1`: The most solid color used mainly for colored text. It must
  *   satisfy the contrast ratio against when used on top of `XXX-soft`.
  *
@@ -110,7 +110,7 @@
  * - `bg-elv`: The elevated bg color. This is used at parts where it "floats",
  *   such as "dialog".
  *
- * - `bg-soft`: The bg color to slightly ditinguish some components from
+ * - `bg-soft`: The bg color to slightly distinguish some components from
  *   the page. Used for things like "carbon ads" or "table".
  * -------------------------------------------------------------------------- */
 
@@ -179,7 +179,7 @@
  * Colors: Function
  *
  * - `default`: The color used purely for subtle indication without any
- *   special meanings attched to it such as bg color for menu hover state.
+ *   special meanings attached to it such as bg color for menu hover state.
  *
  * - `brand`: Used for primary brand colors, such as link text, button with
  *   brand theme, etc.
diff --git a/src/node/plugins/dynamicRoutesPlugin.ts b/src/node/plugins/dynamicRoutesPlugin.ts
index 2807d3ff..e42e8c13 100644
--- a/src/node/plugins/dynamicRoutesPlugin.ts
+++ b/src/node/plugins/dynamicRoutesPlugin.ts
@@ -119,7 +119,7 @@ export const dynamicRoutesPlugin = async (
 
         // inject raw content
         // this is intended for integration with CMS
-        // we use a speical injection syntax so the content is rendered as
+        // we use a special injection syntax so the content is rendered as
         // static local content instead of included as runtime data.
         if (content) {
           baseContent = baseContent.replace(/<!--\s*@content\s*-->/, content)