Fix pagination functionality on Profile Page (#1939)

Co-authored-by: Mark S. Shenouda <[email protected]>
thisdot · Oct 18, 2023 · 45cd826 · 45cd826
1 parent 7fdc0d6
commit 45cd826
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/cra-rxjs-styled-components/src/components/header/Header.styles.tsx b/cra-rxjs-styled-components/src/components/header/Header.styles.tsx
@@ -11,4 +11,7 @@ export const HeaderSection = styled.header`
 	box-sizing: var(--box-sizing-border-box);
 	grid-area: header;
 	border: 1px solid var(--blue-900);
+	position: sticky;
+	top: 0;
+	z-index: 100;
 `;
diff --git a/cra-rxjs-styled-components/src/components/layouts/ProfileLayout.tsx b/cra-rxjs-styled-components/src/components/layouts/ProfileLayout.tsx
@@ -6,7 +6,6 @@ export const Layout = styled.div`
 	background-color: rgb(255, 255, 255);
 	display: grid;
 	overflow: hidden;
-
 	grid-template-columns: auto;
 	grid-template-areas:
 		'header'