diff --git a/src/components/Layout/BottomPanel/BottomPanel.tsx b/src/components/Layout/BottomPanel/BottomPanel.tsx
index 7dc9bc58..16cbf3e6 100644
--- a/src/components/Layout/BottomPanel/BottomPanel.tsx
+++ b/src/components/Layout/BottomPanel/BottomPanel.tsx
@@ -5,7 +5,7 @@ import { Props } from './BottomPanel.types'
 import * as styles from './BottomPanel.styles'
 
 const BottomPanel: FC<Props> = (props) => {
-    const { actionPrimary, actionSecondary, attribute, value, iframeMode, leftPanelCollapsed, show } = props
+    const { actionPrimary, actionSecondary, attribute, dataTestId, value, iframeMode, leftPanelCollapsed, show } = props
     return (
         <AnimatePresence>
             {show && (
@@ -17,6 +17,7 @@ const BottomPanel: FC<Props> = (props) => {
                         iframeMode === true && styles.iframeMode,
                         iframeMode === 'absolute' && styles.absolute,
                     ]}
+                    data-test-id={dataTestId}
                     exit={{
                         opacity: 0,
                         y: 150,
diff --git a/src/components/Layout/BottomPanel/BottomPanel.types.ts b/src/components/Layout/BottomPanel/BottomPanel.types.ts
index 53c20404..08d1d8d9 100644
--- a/src/components/Layout/BottomPanel/BottomPanel.types.ts
+++ b/src/components/Layout/BottomPanel/BottomPanel.types.ts
@@ -4,6 +4,7 @@ export type Props = {
     actionPrimary?: ReactNode
     actionSecondary?: ReactNode
     attribute?: string
+    dataTestId?: string
     iframeMode?: boolean | string
     leftPanelCollapsed?: boolean
     value?: string | number