diff --git a/src/stylesheets/datepicker.scss b/src/stylesheets/datepicker.scss
index 57b8445f9..b86954f10 100644
--- a/src/stylesheets/datepicker.scss
+++ b/src/stylesheets/datepicker.scss
@@ -176,7 +176,8 @@
   font-size: $datepicker__font-size * 1.18;
 }
 
-h2.react-datepicker__current-month {
+h2.react-datepicker__current-month,
+h2.react-datepicker-time__header {
   padding: 0;
   margin: 0;
 }
diff --git a/src/test/show_time_test.test.tsx b/src/test/show_time_test.test.tsx
index 97d5531b2..8fc59e0c6 100644
--- a/src/test/show_time_test.test.tsx
+++ b/src/test/show_time_test.test.tsx
@@ -20,6 +20,14 @@ describe("DatePicker", () => {
     expect(timeComponent).not.toBeNull();
   });
 
+  it("should have default time caption", () => {
+    const { container } = render(<DatePicker showTimeSelect open />);
+    const timeComponent = container.querySelector(
+      "h2.react-datepicker-time__header",
+    );
+    expect(timeComponent).not.toBeNull();
+  });
+
   it("should have custom time caption", () => {
     const { container } = render(<TimeComponent timeCaption="Custom time" />);
 
diff --git a/src/time.tsx b/src/time.tsx
index c02dc2369..4f9aec44e 100644
--- a/src/time.tsx
+++ b/src/time.tsx
@@ -300,9 +300,9 @@ export default class Time extends Component<TimeProps, TimeState> {
           this.header = header;
         }}
       >
-        <div className="react-datepicker-time__header">
+        <h2 className="react-datepicker-time__header">
           {this.props.timeCaption}
-        </div>
+        </h2>
       </div>
     );
   };