diff --git a/packages/grid/src/vaadin-grid-column-mixin.d.ts b/packages/grid/src/vaadin-grid-column-mixin.d.ts
index 8ebba2990d..3b6a70ef1d 100644
--- a/packages/grid/src/vaadin-grid-column-mixin.d.ts
+++ b/packages/grid/src/vaadin-grid-column-mixin.d.ts
@@ -118,6 +118,11 @@ export declare class GridColumnMixinClass<
 > extends ColumnBaseMixinClass<TItem, Column> {
   /**
    * Width of the cells for this column.
+   *
+   * Please note that using the `em` length unit is discouraged as
+   * it might lead to misalignment issues if the header, body, and footer
+   * cells have different font sizes. Instead, use `rem` if you need
+   * a length unit relative to the font size.
    */
   width: string | null | undefined;
 
diff --git a/packages/grid/src/vaadin-grid-column-mixin.js b/packages/grid/src/vaadin-grid-column-mixin.js
index 69fc0b6736..62200a1393 100644
--- a/packages/grid/src/vaadin-grid-column-mixin.js
+++ b/packages/grid/src/vaadin-grid-column-mixin.js
@@ -852,6 +852,11 @@ export const GridColumnMixin = (superClass) =>
       return {
         /**
          * Width of the cells for this column.
+         *
+         * Please note that using the `em` length unit is discouraged as
+         * it might lead to misalignment issues if the header, body, and footer
+         * cells have different font sizes. Instead, use `rem` if you need
+         * a length unit relative to the font size.
          */
         width: {
           type: String,