diff --git a/CHANGELOG.md b/CHANGELOG.md
index 5f80b70..78156ca 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -18,6 +18,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Fixed
 
 - Fixed error when viewing some uncrawlable instances
+- Fix navbar z-index
 
 ### Security
 
diff --git a/frontend/src/components/atoms/FloatingCard.tsx b/frontend/src/components/atoms/FloatingCard.tsx
index 32b6a0d..53f928c 100644
--- a/frontend/src/components/atoms/FloatingCard.tsx
+++ b/frontend/src/components/atoms/FloatingCard.tsx
@@ -8,7 +8,7 @@ const FloatingCardRow = styled.div`
 `;
 const FloatingCardElement = styled(Card)`
   margin: 0 0 10px 10px;
-  z-index: 20;
+  z-index: 2;
 `;
 
 const FloatingCard: React.FC<ICardProps> = props => (
diff --git a/frontend/src/components/atoms/Page.tsx b/frontend/src/components/atoms/Page.tsx
index e54ec4a..eec58d1 100644
--- a/frontend/src/components/atoms/Page.tsx
+++ b/frontend/src/components/atoms/Page.tsx
@@ -8,7 +8,7 @@ const Backdrop = styled.div`
   left: 0;
   right: 0;
   background-color: #293742;
-  z-index: 100;
+  z-index: 3;
 `;
 
 interface IContainerProps {