diff --git a/src/popper_component.tsx b/src/popper_component.tsx
index 7020981ac6..f10143479c 100644
--- a/src/popper_component.tsx
+++ b/src/popper_component.tsx
@@ -47,7 +47,11 @@ export const PopperComponent: React.FC<PopperComponentProps> = (props) => {
   let popper: React.ReactElement | undefined = undefined;
 
   if (!hidePopper) {
-    const classes = clsx("react-datepicker-popper", className);
+    const classes = clsx(
+      "react-datepicker-popper",
+      !showArrow && "react-datepicker-popper-offset",
+      className,
+    );
     popper = (
       <TabLoop enableTabLoop={enableTabLoop}>
         {/* eslint-disable react-hooks/refs -- Floating UI values are designed to be used during render */}
diff --git a/src/stylesheets/datepicker.scss b/src/stylesheets/datepicker.scss
index 67c1e5801f..2c87fe2f7c 100644
--- a/src/stylesheets/datepicker.scss
+++ b/src/stylesheets/datepicker.scss
@@ -769,3 +769,7 @@ h2.react-datepicker__current-month {
   height: 1em;
   vertical-align: -0.125em;
 }
+
+.react-datepicker-popper-offset {
+  margin-top: -0.7rem;
+}