diff --git a/publisher/src/components/DataUpload/UploadedFiles.styles.tsx b/publisher/src/components/DataUpload/UploadedFiles.styles.tsx
index a049759c0..fa571ebc8 100644
--- a/publisher/src/components/DataUpload/UploadedFiles.styles.tsx
+++ b/publisher/src/components/DataUpload/UploadedFiles.styles.tsx
@@ -35,17 +35,17 @@ export const UploadedFilesTitle = styled(AccountSettingsTitle)`
}
@media only screen and (max-width: ${MIN_TABLET_WIDTH}px) {
+ width: 80%;
${typography.sizeCSS.medium};
border-bottom: 1px solid ${palette.highlight.grey9};
position: fixed;
top: ${HEADER_BAR_HEIGHT}px;
padding: 24px 0;
z-index: 2;
- width: calc(100% - 48px);
background-color: ${palette.solid.white};
&::before {
- content: "Settings > Uploaded Files";
+ content: "Uploaded Files";
}
}
`;
@@ -163,6 +163,8 @@ export const UploadedFilesTable = styled(Table)`
`;
export const UploadedFilesWrapper = styled.div`
+ width: 80%;
+ margin-top: 52px;
position: relative;
overflow-y: auto;
`;
diff --git a/publisher/src/components/Settings/AccountSettings.styles.tsx b/publisher/src/components/Settings/AccountSettings.styles.tsx
index 89dd93505..941ef1ced 100644
--- a/publisher/src/components/Settings/AccountSettings.styles.tsx
+++ b/publisher/src/components/Settings/AccountSettings.styles.tsx
@@ -36,7 +36,6 @@ export const AccountSettingsTitle = styled.h1`
${typography.sizeCSS.title};
margin-top: 4px;
padding-bottom: 14px;
- background-color: ${palette.solid.red};
@media only screen and (max-width: ${MIN_TABLET_WIDTH}px) {
${typography.sizeCSS.medium};
diff --git a/publisher/src/router/Router.tsx b/publisher/src/router/Router.tsx
index 79e211482..c91cd0952 100644
--- a/publisher/src/router/Router.tsx
+++ b/publisher/src/router/Router.tsx
@@ -19,7 +19,7 @@ import React, { useEffect } from "react";
import { Navigate, Route, Routes, useParams } from "react-router-dom";
import { DataEntryInterstitial } from "../components/DataEntryInterstitial";
-import { DataUpload } from "../components/DataUpload";
+import { DataUpload, UploadedFiles } from "../components/DataUpload";
import ShareSpreadsheetReview from "../components/DataUpload/ShareSpreadsheet";
import ShareUploadErrorWarnings from "../components/DataUpload/ShareUploadErrorWarnings";
import UploadSpreadsheetReview from "../components/DataUpload/UploadSpreadsheet";
@@ -72,6 +72,7 @@ export const Router = () => {
/>
} />
} />
+ } />
} />
} />
} />