From e47e04a1ca2720f9886b1b861a1f0b5415f66220 Mon Sep 17 00:00:00 2001
From: kay delaney <45561153+kaydelaney@users.noreply.github.com>
Date: Thu, 5 Jun 2025 10:44:42 +0100
Subject: [PATCH] TimePickerFooter: Fix background (#106209)

---
 .../DateTimePickers/TimeRangePicker/TimePickerFooter.tsx     | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/grafana-ui/src/components/DateTimePickers/TimeRangePicker/TimePickerFooter.tsx b/packages/grafana-ui/src/components/DateTimePickers/TimeRangePicker/TimePickerFooter.tsx
index 7ac73a45cb4..89b90b8dc33 100644
--- a/packages/grafana-ui/src/components/DateTimePickers/TimeRangePicker/TimePickerFooter.tsx
+++ b/packages/grafana-ui/src/components/DateTimePickers/TimeRangePicker/TimePickerFooter.tsx
@@ -110,7 +110,7 @@ export const TimePickerFooter = (props: Props) => {
               aria-controls={fiscalYearSettingsId}
             />
           </TabsBar>
-          <TabContent>
+          <TabContent className={style.noBackground}>
             {editMode === 'tz' ? (
               <section
                 role="tabpanel"
@@ -183,6 +183,9 @@ const getStyle = (theme: GrafanaTheme2) => ({
   timeSettingContainer: css({
     paddingTop: theme.spacing(1),
   }),
+  noBackground: css({
+    background: 'inherit',
+  }),
   fiscalYearField: css({
     marginBottom: 0,
   }),