From aae8df6b845327c2ce027a3cdfce08e1d4cc16db Mon Sep 17 00:00:00 2001
From: Viraj Sanghvi <virajs@amazon.com>
Date: Fri, 19 Jul 2024 09:13:03 -0700
Subject: [PATCH] fix: Make QuickSelectPopover padding small in SuperDatePicker
 (#1315)

* fix: Make QuickSelectPopover padding small in SuperDatePicker

---------

Signed-off-by: Viraj Sanghvi <virajs@amazon.com>
Signed-off-by: Viraj Sanghvi <vsanghvi@gmail.com>
---
 CHANGELOG.md                                                  | 1 +
 .../__snapshots__/quick_select_popover.test.tsx.snap          | 4 ++--
 .../quick_select_popover/quick_select_popover.tsx             | 1 +
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index f2630be9be..42de6fa3c7 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -16,6 +16,7 @@
 
 - Fix next reset for code blocks and super update button icon ([#1306])(https://github.com/opensearch-project/oui/pull/1306)
 - Fix the appearance of form controls in grouped layouts ([#1311])(https://github.com/opensearch-project/oui/pull/1311)
+- Fix QuickSelectPopover padding in SuperDatePicker ([#1315](https://github.com/opensearch-project/oui/pull/1315))
 
 ### 🚞 Infrastructure
 
diff --git a/src/components/date_picker/super_date_picker/quick_select_popover/__snapshots__/quick_select_popover.test.tsx.snap b/src/components/date_picker/super_date_picker/quick_select_popover/__snapshots__/quick_select_popover.test.tsx.snap
index 83857030a2..9929d60410 100644
--- a/src/components/date_picker/super_date_picker/quick_select_popover/__snapshots__/quick_select_popover.test.tsx.snap
+++ b/src/components/date_picker/super_date_picker/quick_select_popover/__snapshots__/quick_select_popover.test.tsx.snap
@@ -30,7 +30,7 @@ exports[`OuiQuickSelectPopover is rendered 1`] = `
   hasArrow={true}
   isOpen={false}
   ownFocus={true}
-  panelPaddingSize="m"
+  panelPaddingSize="s"
 >
   <div
     className="ouiQuickSelectPopover__content"
@@ -114,7 +114,7 @@ exports[`OuiQuickSelectPopover isAutoRefreshOnly 1`] = `
   hasArrow={true}
   isOpen={false}
   ownFocus={true}
-  panelPaddingSize="m"
+  panelPaddingSize="s"
 >
   <div
     className="ouiQuickSelectPopover__content"
diff --git a/src/components/date_picker/super_date_picker/quick_select_popover/quick_select_popover.tsx b/src/components/date_picker/super_date_picker/quick_select_popover/quick_select_popover.tsx
index 919a687622..c13856ae17 100644
--- a/src/components/date_picker/super_date_picker/quick_select_popover/quick_select_popover.tsx
+++ b/src/components/date_picker/super_date_picker/quick_select_popover/quick_select_popover.tsx
@@ -196,6 +196,7 @@ export class OuiQuickSelectPopover extends Component<
         button={quickSelectButton}
         isOpen={isOpen}
         closePopover={this.closePopover}
+        panelPaddingSize="s"
         anchorPosition="downLeft"
         anchorClassName="ouiQuickSelectPopover__anchor">
         <div