fix(column): remove percentage character only if present (#15312)

Co-authored-by: Guilherme Datilio Ribeiro <guilhermedatilio@gmail.com>
carbon-design-system · Dec 11, 2023 · 7ebcca1 · 7ebcca1
1 parent b68d712
commit 7ebcca1
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/packages/react/src/components/Grid/Column.tsx b/packages/react/src/components/Grid/Column.tsx
@@ -366,10 +366,12 @@ function getClassNameForBreakpoints(
       continue;
     }
 
-    // If our breakpoint is a string, the user has specified a percent
+    // If our breakpoint is a string, the user might have specified a percent
     // they'd like this column to span.
     if (typeof breakpoint === 'string') {
-      classNames.push(`${prefix}--${name}:col-span-${breakpoint.slice(0, -1)}`);
+      classNames.push(
+        `${prefix}--${name}:col-span-${breakpoint.replace('%', '')}`
+      );
       continue;
     }