diff --git a/client/components/date-range/style.scss b/client/components/date-range/style.scss index c0d1015b25e153..61b40aa79cd29c 100644 --- a/client/components/date-range/style.scss +++ b/client/components/date-range/style.scss @@ -61,7 +61,7 @@ $date-range-mobile-layout-switch: $break-small; .date-range__controls, .date-range__date-inputs, .date-range__picker, - .date-range__popover-header { // Add this line + .date-range__popover-header { filter: blur(10px); z-index: 0; } @@ -98,15 +98,13 @@ $date-range-mobile-layout-switch: $break-small; .date-range__popover-header { order: 4; display: flex; - justify-content: flex-end; // This will align the content to the right - padding: 10px 0 0; // Add some top padding if needed + justify-content: flex-end; + padding: 10px 0 0; .button { - margin-left: 0.5em; // Change right margin to left - margin-right: 0; // Remove right margin + margin-left: 0.5em; + margin-right: 0; } - - // If you want to add some space between the header and the content above it margin-top: 10px; }