diff --git a/src/app/Recordings/Filters/DatetimeFilter.tsx b/src/app/Recordings/Filters/DatetimeFilter.tsx
index 98727d7f5a..9ddcaa6e73 100644
--- a/src/app/Recordings/Filters/DatetimeFilter.tsx
+++ b/src/app/Recordings/Filters/DatetimeFilter.tsx
@@ -106,7 +106,7 @@ export const DateTimeFilter: React.FC<DateTimeFilterProps> = ({ onSubmit }) => {
   );
 
   return (
-    <Flex>
+    <Flex spaceItems={{ default: 'spaceItemsSm' }}>
       <Flex alignSelf={{ default: 'alignSelfFlexStart' }}>
         <FlexItem spacer={{ default: 'spacerNone' }}>
           <Popover