diff --git a/cra-rxjs-styled-components/src/components/header/Header.styles.tsx b/cra-rxjs-styled-components/src/components/header/Header.styles.tsx
index edbe51d83..9cc987abb 100644
--- 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
index 0db195d74..80504bf39 100644
--- 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'