diff --git a/public/content/developers/docs/data-availability/blockchain-data-storage-strategies/index.md b/public/content/developers/docs/data-availability/blockchain-data-storage-strategies/index.md
index 3543f98b901..54163130af4 100644
--- a/public/content/developers/docs/data-availability/blockchain-data-storage-strategies/index.md
+++ b/public/content/developers/docs/data-availability/blockchain-data-storage-strategies/index.md
@@ -63,7 +63,7 @@ Calldata refers to the bytes sent as part of the transaction. It is stored as pa
 
 This is the cheapest method to permanently put data in the blockchain. The cost per byte is either 4 execution gas (if the byte is zero) or 16 gas (any other value). If the data is compressed, which is standard practice, then every byte value is equally likely, so the average cost is approximately 15.95 gas per byte.
 
-At writing the prices are 12 gwei/gas and 2300 $/ETH, which means the cost is appoximately 45 cents per kilobyte. Because this was the cheapest method prior to EIP-4844, this is the method rollups used to store transaction information, which need to be available for [fault challenges](https://docs.optimism.io/stack/protocol/overview#fault-proofs), but do not need to be accessible directly onchain.
+At writing the prices are 12 gwei/gas and 2300 $/ETH, which means the cost is approximately 45 cents per kilobyte. Because this was the cheapest method prior to EIP-4844, this is the method rollups used to store transaction information, which need to be available for [fault challenges](https://docs.optimism.io/stack/protocol/overview#fault-proofs), but do not need to be accessible directly onchain.
 
 Here are the addresses to see the transactions posted by some famous rollups.
 
diff --git a/public/content/developers/docs/design-and-ux/heuristics-for-web3/index.md b/public/content/developers/docs/design-and-ux/heuristics-for-web3/index.md
index 41d3a665fd7..48e5300adb6 100644
--- a/public/content/developers/docs/design-and-ux/heuristics-for-web3/index.md
+++ b/public/content/developers/docs/design-and-ux/heuristics-for-web3/index.md
@@ -53,7 +53,7 @@ People care deeply about their data. Safety is often a primary concern for users
 **Example:** 
 Include your audits in the footer, at a prominent size.
 
-![Audits refernced in the website footer](./Image2.png)
+![Audits referenced in the website footer](./Image2.png)
 
 ### 3. The most important info is obvious {#the-most-important-info-is-obvious}
 
diff --git a/src/components/Heading/index.tsx b/src/components/Heading/index.tsx
index 66cff4d67b2..a4972266413 100644
--- a/src/components/Heading/index.tsx
+++ b/src/components/Heading/index.tsx
@@ -37,7 +37,7 @@ const Heading = forwardRef<HeadingProps, "h2">((props, ref) => {
   } else {
     // If a `size` value is not passed to this wrapper, set a default based on the element
     // provided to the `as` prop
-    // Only heading elemnts will set the defaults (Default heading is `h2`)
+    // Only heading elements will set the defaults (Default heading is `h2`)
     const headingDefaultKeys = Object.keys(HEADING_SIZE_DEFAULTS)
 
     if (typeof as === "string" && headingDefaultKeys.includes(as)) {
diff --git a/src/components/icons/icon-base.tsx b/src/components/icons/icon-base.tsx
index ae45abafc59..7ea538019e3 100644
--- a/src/components/icons/icon-base.tsx
+++ b/src/components/icons/icon-base.tsx
@@ -6,7 +6,7 @@ import { cn } from "@/lib/utils/cn"
  * Wrapper to generate an icon component, using the react-icons `IconBase` component.
  * Requires setting `displayName` and `children` props.
  *
- * **NOTE:** Setting SVG attributes in the `options` object become default values, which are overriden when passing props on render.
+ * **NOTE:** Setting SVG attributes in the `options` object become default values, which are overridden when passing props on render.
  */
 export const createIconBase = (
   options: IconBaseProps & {
diff --git a/src/styles/global.css b/src/styles/global.css
index 5d01f444dde..029638072df 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -13,7 +13,7 @@
     --font-inter: Inter, sans-serif;
     --font-mono: "IBM Plex Mono", Courier, monospace;
 
-    /* Misc sematics: light mode */
+    /* Misc semantics: light mode */
     --tooltip-shadow: rgba(0, 0, 0, 0.24);
     --switch-background: var(--gray-300);
     --hub-hero-content: rgba(255, 255, 255, 0.8);
@@ -46,7 +46,7 @@
   }
 
   [data-theme="dark"] {
-    /* Misc sematics: dark mode */
+    /* Misc semantics: dark mode */
     --tooltip-shadow: rgba(255, 255, 255, 0.24);
     --switch-background: rgba(255, 255, 255, 0.24);
     --hub-hero-content: rgba(34, 34, 34, 0.8);