diff --git a/packages/design/src/card/demo/grid.tsx b/packages/design/src/card/demo/grid.tsx
index d845b6b29..da9de02f9 100644
--- a/packages/design/src/card/demo/grid.tsx
+++ b/packages/design/src/card/demo/grid.tsx
@@ -17,6 +17,7 @@ const App: React.FC = () => (
     <Card.Grid style={gridStyle}>Content</Card.Grid>
     <Card.Grid style={gridStyle}>Content</Card.Grid>
     <Card.Grid style={gridStyle}>Content</Card.Grid>
+    <Card.Grid style={gridStyle}>Content</Card.Grid>
   </Card>
 );
 
diff --git a/packages/ui/src/DateRanger/index.less b/packages/ui/src/DateRanger/index.less
index c4c334f37..132f0fc88 100644
--- a/packages/ui/src/DateRanger/index.less
+++ b/packages/ui/src/DateRanger/index.less
@@ -3,6 +3,7 @@
 @prefix: ob-date-ranger;
 
 .@{prefix} {
+  cursor: pointer;
   .@{prefix}-wrapper {
     border: 1px solid @colorBorder;
     border-radius: 4px 0 0 4px;