diff --git a/common/constants.js b/common/constants.js
index 4e4763d4..a678c6c7 100644
--- a/common/constants.js
+++ b/common/constants.js
@@ -9,6 +9,7 @@ export const sizes = {
   intercomWidget: 60,
   sidebar: 416,
   filterNavbar: 42,
+  carouselMobileFooterHeight: 52,
   topOffset: 0, //NOTE(martina): Pushes UI down. 16 when there is a persistent announcement banner, 0 otherwise
 
   mobile: 768,
diff --git a/components/core/ApplicationHeader.js b/components/core/ApplicationHeader.js
index 79469910..a0877c95 100644
--- a/components/core/ApplicationHeader.js
+++ b/components/core/ApplicationHeader.js
@@ -160,7 +160,7 @@ export default function ApplicationHeader({ viewer, page, data, onAction, isMobi
           ) : (
             <UploadOnboarding onAction={onAction} viewer={viewer} isMobile={isMobile}>
               <Upload.Provider page={page} data={data} viewer={viewer}>
-                <Upload.Root data={data} isMobile={isMobile}>
+                <Upload.Root page={page} data={data} isMobile={isMobile}>
                   <div css={STYLES_RIGHT}>
                     <UserActions viewer={viewer} />
                   </div>
diff --git a/components/core/Upload/Popup.js b/components/core/Upload/Popup.js
index 4ab93964..6c59ac6f 100644
--- a/components/core/Upload/Popup.js
+++ b/components/core/Upload/Popup.js
@@ -32,6 +32,12 @@ const STYLES_POPUP_WRAPPER = (theme) => css`
   box-shadow: ${theme.shadow.lightLarge};
 `;
 
+const STYLES_POPUP_CAROUSEL_POSITION = (theme) => css`
+  @media (max-width: ${theme.sizes.mobile}px) {
+    bottom: ${Constants.sizes.carouselMobileFooterHeight + 16}px;
+  }
+`;
+
 const STYLES_DISMISS_BUTTON = (theme) => css`
   ${Styles.BUTTON_RESET};
   position: absolute;
@@ -161,7 +167,7 @@ const useUploadSummary = ({ fileLoading }) =>
     };
   }, [fileLoading]);
 
-export function Popup({ isMobile }) {
+export function Popup({ page, isMobile }) {
   const {
     state: { isFinished, fileLoading },
     handlers: { resetUploadState },
@@ -176,11 +182,12 @@ export function Popup({ isMobile }) {
     { hideUploadPopup, expandUploadSummary, collapseUploadSummary, cancelAutoCollapseOnMouseEnter },
   ] = useUploadPopup({ totalFilesSummary });
 
+  const isGlobalCarouselOpen = !!page.params.id;
   return (
     <AnimatePresence>
       {popupState.isVisible ? (
         <motion.div
-          css={STYLES_POPUP_WRAPPER}
+          css={[STYLES_POPUP_WRAPPER, isGlobalCarouselOpen && STYLES_POPUP_CAROUSEL_POSITION]}
           initial={{ opacity: 0, y: 0 }}
           animate={{ opacity: 1, y: 0 }}
           exit={{ opacity: 0, y: 10 }}
diff --git a/components/core/Upload/index.js b/components/core/Upload/index.js
index 2fa45719..e76e1e61 100644
--- a/components/core/Upload/index.js
+++ b/components/core/Upload/index.js
@@ -14,13 +14,13 @@ import DropIndicator from "~/components/core/Upload/DropIndicator";
 /* -------------------------------------------------------------------------------------------------
  * Root
  * -----------------------------------------------------------------------------------------------*/
-const Root = ({ children, data, isMobile }) => {
+const Root = ({ children, page, data, isMobile }) => {
   return (
     <>
       {children}
       {isMobile ? <MobileUploadJumper data={data} /> : <UploadJumper data={data} />}
       <ModalPortal>
-        <Popup isMobile={isMobile} />
+        <Popup page={page} isMobile={isMobile} />
         <DropIndicator data={data} />
       </ModalPortal>
     </>
diff --git a/components/system/components/GlobalCarousel/index.js b/components/system/components/GlobalCarousel/index.js
index 59d70049..ec6b270d 100644
--- a/components/system/components/GlobalCarousel/index.js
+++ b/components/system/components/GlobalCarousel/index.js
@@ -559,8 +559,6 @@ function CarouselHeaderMobile({
   );
 }
 
-const MOBILE_FOOTER_HEIGHT = 52;
-
 const STYLES_CAROUSEL_MOBILE_FOOTER = (theme) => css`
   ${Styles.HORIZONTAL_CONTAINER_CENTERED};
   position: fixed;
@@ -571,7 +569,7 @@ const STYLES_CAROUSEL_MOBILE_FOOTER = (theme) => css`
   padding: 8px 16px;
   border-top: 1px solid ${theme.semantic.borderGrayLight};
   color: ${theme.semantic.textGrayDark};
-  height: ${MOBILE_FOOTER_HEIGHT}px;
+  height: ${Constants.sizes.carouselMobileFooterHeight}px;
 
   background-color: ${theme.semantic.bgWhite};
   @supports ((-webkit-backdrop-filter: blur(15px)) or (backdrop-filter: blur(15px))) {
@@ -623,7 +621,7 @@ function CarouselFooterMobile({ file, onAction, external, isOwner, data, viewer
         <AnimatePresence>
           {isEditInfoVisible && (
             <Jumpers.EditInfoMobile
-              footerStyle={{ bottom: MOBILE_FOOTER_HEIGHT }}
+              footerStyle={{ bottom: Constants.sizes.carouselMobileFooterHeight }}
               file={file}
               onClose={hideEditInfo}
             />