diff --git a/docs/api/canvas.md b/docs/api/canvas.md
index 47e96f56b0..18d8be4d53 100644
--- a/docs/api/canvas.md
+++ b/docs/api/canvas.md
@@ -106,7 +106,7 @@ editor.on('canvas:frame:load', ({ window }) => {
 });
 ```
 
-* `canvas:frame:load:head` Frame head loaded in canvas. The event is triggered right after iframe's finished to load the head elemenets (eg. scripts)
+* `canvas:frame:load:head` Frame head loaded in canvas. The event is triggered right after iframe's finished to load the head elements (eg. scripts)
 
 ```javascript
 editor.on('canvas:frame:load:head', ({ window }) => {
@@ -246,7 +246,7 @@ passed to it. For instance, you can scroll smoothly by using
 const selected = editor.getSelected();
 // Scroll smoothly (this behavior can be polyfilled)
 canvas.scrollTo(selected, { behavior: 'smooth' });
-// Force the scroll, even if the element is alredy visible
+// Force the scroll, even if the element is already visible
 canvas.scrollTo(selected, { force: true });
 ```
 
diff --git a/packages/core/src/canvas/index.ts b/packages/core/src/canvas/index.ts
index a07ef0cdfa..faffaea3df 100644
--- a/packages/core/src/canvas/index.ts
+++ b/packages/core/src/canvas/index.ts
@@ -574,7 +574,7 @@ export default class CanvasModule extends Module<CanvasConfig> {
    * const selected = editor.getSelected();
    * // Scroll smoothly (this behavior can be polyfilled)
    * canvas.scrollTo(selected, { behavior: 'smooth' });
-   * // Force the scroll, even if the element is alredy visible
+   * // Force the scroll, even if the element is already visible
    * canvas.scrollTo(selected, { force: true });
    */
   scrollTo(el: any, opts = {}) {
diff --git a/packages/core/src/canvas/types.ts b/packages/core/src/canvas/types.ts
index 44348b39e1..4169b76d01 100644
--- a/packages/core/src/canvas/types.ts
+++ b/packages/core/src/canvas/types.ts
@@ -127,7 +127,7 @@ export enum CanvasEvents {
   frameLoad = 'canvas:frame:load',
 
   /**
-   * @event `canvas:frame:load:head` Frame head loaded in canvas. The event is triggered right after iframe's finished to load the head elemenets (eg. scripts)
+   * @event `canvas:frame:load:head` Frame head loaded in canvas. The event is triggered right after iframe's finished to load the head elements (eg. scripts)
    * @example
    * editor.on('canvas:frame:load:head', ({ window }) => {
    *  console.log('Frame head loaded', window);
diff --git a/packages/core/src/css_composer/view/CssRulesView.ts b/packages/core/src/css_composer/view/CssRulesView.ts
index a63e83ac42..af65d255fa 100644
--- a/packages/core/src/css_composer/view/CssRulesView.ts
+++ b/packages/core/src/css_composer/view/CssRulesView.ts
@@ -60,7 +60,7 @@ export default class CssRulesView extends View {
 
     // I have to render keyframes of the same name together
     // Unfortunately at the moment I didn't find the way of appending them
-    // if not staticly, via appendData
+    // if not statically, via appendData
     if (model.get('atRuleType') === 'keyframes') {
       const atRule = model.getAtRule();
       let atRuleEl = this.atRules[atRule];
diff --git a/packages/core/src/dom_components/view/ComponentTextView.ts b/packages/core/src/dom_components/view/ComponentTextView.ts
index adc9cc4a1c..f1f1e5442d 100644
--- a/packages/core/src/dom_components/view/ComponentTextView.ts
+++ b/packages/core/src/dom_components/view/ComponentTextView.ts
@@ -160,7 +160,7 @@ export default class ComponentTextView<TComp extends ComponentText = ComponentTe
     const contentOpt: ObjectAny = { fromDisable: 1, ...opts };
     model.set('content', '', contentOpt);
 
-    // If there is a custom RTE the content is just added staticly
+    // If there is a custom RTE the content is just added statically
     // inside 'content'
     if (rte?.customRte && !rte.customRte.parseContent) {
       comps.length &&