diff --git a/src/features/media/gallery/actions/shared.tsx b/src/features/media/gallery/actions/shared.tsx
index f1227edc54..7a5dc15f5a 100644
--- a/src/features/media/gallery/actions/shared.tsx
+++ b/src/features/media/gallery/actions/shared.tsx
@@ -1,21 +1,24 @@
+import React from "react";
+
 import { cx } from "#/helpers/css";
 
 import styles from "./shared.module.css";
 
-export function BottomContainer() {
-  return <div className={styles.bottomContainer} />;
+export function BottomContainer({ children }: React.PropsWithChildren) {
+  return <div className={styles.bottomContainer}>{children}</div>;
 }
 
-interface BottomContainerActionsProps {
+interface BottomContainerActionsProps extends React.PropsWithChildren {
   withBg: boolean;
 }
 
 export function BottomContainerActions({
   withBg,
+  children,
 }: BottomContainerActionsProps) {
   return (
-    <div
-      className={cx(styles.bottomContainerActions, withBg && styles.withBg)}
-    />
+    <div className={cx(styles.bottomContainerActions, withBg && styles.withBg)}>
+      {children}
+    </div>
   );
 }