diff --git a/core/src/components/col/col.tsx b/core/src/components/col/col.tsx
index 1c6450b03c..de4171344a 100644
--- a/core/src/components/col/col.tsx
+++ b/core/src/components/col/col.tsx
@@ -2,7 +2,7 @@ import { Component, Element, Listen, Prop } from '@stencil/core';
 
 import { matchBreakpoint } from '../../utils/media';
 
-const SUPPORTS_VARS = !!(CSS && CSS.supports && CSS.supports('--a', '0'));
+const SUPPORTS_VARS = !!(CSS && CSS.supports && CSS.supports('--a: 0'));
 const BREAKPOINTS = ['', 'xs', 'sm', 'md', 'lg', 'xl'];
 
 @Component({