diff --git a/components/layout/__tests__/__snapshots__/demo.test.ts.snap b/components/layout/__tests__/__snapshots__/demo.test.ts.snap
index 3f326fdb18..cc9c7d3a10 100644
--- a/components/layout/__tests__/__snapshots__/demo.test.ts.snap
+++ b/components/layout/__tests__/__snapshots__/demo.test.ts.snap
@@ -46,7 +46,7 @@ exports[`renders components/layout/demo/basic.tsx correctly 1`] = `
         Header
       </header>
       <section
-        class="ant-layout"
+        class="ant-layout ant-layout-has-sider"
       >
         <aside
           class="ant-layout-sider ant-layout-sider-dark"
@@ -87,7 +87,7 @@ exports[`renders components/layout/demo/basic.tsx correctly 1`] = `
         Header
       </header>
       <section
-        class="ant-layout"
+        class="ant-layout ant-layout-has-sider"
       >
         <main
           class="ant-layout-content"
diff --git a/components/layout/demo/basic.tsx b/components/layout/demo/basic.tsx
index 9657c56ca4..dad211cc07 100644
--- a/components/layout/demo/basic.tsx
+++ b/components/layout/demo/basic.tsx
@@ -42,7 +42,7 @@ const App: React.FC = () => (
     </Layout>
     <Layout>
       <Header style={headerStyle}>Header</Header>
-      <Layout>
+      <Layout hasSider>
         <Sider style={siderStyle}>Sider</Sider>
         <Content style={contentStyle}>Content</Content>
       </Layout>
@@ -50,7 +50,7 @@ const App: React.FC = () => (
     </Layout>
     <Layout>
       <Header style={headerStyle}>Header</Header>
-      <Layout>
+      <Layout hasSider>
         <Content style={contentStyle}>Content</Content>
         <Sider style={siderStyle}>Sider</Sider>
       </Layout>