1 files changed, 9 insertions, 6 deletions
diff --git a/src/client/views/collections/collectionSchema/CollectionSchemaCells.tsx b/src/client/views/collections/collectionSchema/CollectionSchemaCells.tsx
index f75179cea..a8d901f4d 100644
--- a/src/client/views/collections/collectionSchema/CollectionSchemaCells.tsx
+++ b/src/client/views/collections/collectionSchema/CollectionSchemaCells.tsx
@@ -351,13 +351,16 @@ export class CollectionSchemaDateCell extends CollectionSchemaCell {
         //}
     }
 
+    // If the cell is not clicked on, render the date normally. Otherwise, render a date picker.
     render() {
-        return !this.props.isFocused ? <span onPointerDown={this.onPointerDown}>{this._date ? Field.toString(this._date as Field) : "--"}</span> :
-            <DatePicker
-                selected={this._date?.date || new Date}
-                onSelect={date => this.handleChange(date)}
-                onChange={date => this.handleChange(date)}
-            />;
+        return !this.props.isFocused ? <span style={{ paddingLeft: 20 + "px" }} onPointerDown={this.onPointerDown}>{this._date ? Field.toString(this._date as Field) : "--"}</span> :
+            <div style={{ paddingLeft: 20 + "px" }}>
+                <DatePicker
+                    selected={this._date?.date || new Date}
+                    onSelect={date => this.handleChange(date)}
+                    onChange={date => this.handleChange(date)}
+                />
+            </div>
     }
 }