diff --git a/packages/design/src/_util/useFlexGapSupport.ts b/packages/design/src/_util/useFlexGapSupport.ts
index 984377e09..4050cd6a6 100644
--- a/packages/design/src/_util/useFlexGapSupport.ts
+++ b/packages/design/src/_util/useFlexGapSupport.ts
@@ -2,7 +2,7 @@ import * as React from 'react';
 import { detectFlexGapSupported } from './styleChecker';
 
 export default () => {
-  const [flexible, setFlexible] = React.useState(false);
+  const [flexible, setFlexible] = React.useState(true);
   React.useEffect(() => {
     setFlexible(detectFlexGapSupported());
   }, []);