diff --git a/CHANGELOG.md b/CHANGELOG.md
index 032433bae0f04e8b123c2ba959b37c5c2916fad7..a636a66adacfe2169aa8b61902ba5b268d8e8332 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,6 +7,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ## [2.7.9] - 12/01/2021
 
 - Add id attribute in section (row) component generated from title
+- Fix mega menu items not being clickable when boxes are in background (z-index issue)
 
 ## [2.7.8] - 17/12/2020
 
diff --git a/patterns/molecules/media/css/media.component.css b/patterns/molecules/media/css/media.component.css
index dfe4cc4e50806432fb28ecce25bae6e6e9ee0163..7937252a326b660b8562ed30b50155869a001c8d 100755
--- a/patterns/molecules/media/css/media.component.css
+++ b/patterns/molecules/media/css/media.component.css
@@ -39,7 +39,7 @@
   padding: 30px 40px;
   cursor: pointer; }
   .component-media-content .box-link {
-    z-index: 1000;
+    z-index: 100;
     position: absolute;
     top: 0;
     left: 0;
diff --git a/patterns/molecules/media/sass/media.component.scss b/patterns/molecules/media/sass/media.component.scss
index 2f709191528ce0ffedfa1542d4f901ad07d0a6f0..971d5811e1873ef46c94c966872edfac5f66de75 100755
--- a/patterns/molecules/media/sass/media.component.scss
+++ b/patterns/molecules/media/sass/media.component.scss
@@ -56,7 +56,7 @@
   cursor: pointer;
 
   .box-link{
-    z-index: 1000;
+    z-index: 100;
     position: absolute;
     top: 0;
     left: 0;
diff --git a/patterns/molecules/preview-card/css/component-preview-card.css b/patterns/molecules/preview-card/css/component-preview-card.css
index 4035291a84e28b89d63260401ceb80a5e307d853..bf30ce10459590b753a46a743a509dc79ad54f56 100644
--- a/patterns/molecules/preview-card/css/component-preview-card.css
+++ b/patterns/molecules/preview-card/css/component-preview-card.css
@@ -48,7 +48,7 @@
   background-position: center;
   background-size: auto 70%; */ }
   .component-preview-cards .box-link {
-    z-index: 1000;
+    z-index: 100;
     position: absolute;
     top: 0;
     left: 0;
diff --git a/patterns/molecules/preview-card/sass/component-preview-card.scss b/patterns/molecules/preview-card/sass/component-preview-card.scss
index 49f86c4346469c61c28904975dd081aaa8c1c668..8932b75cdb9baaa3459f7f57ea645642abafc74f 100644
--- a/patterns/molecules/preview-card/sass/component-preview-card.scss
+++ b/patterns/molecules/preview-card/sass/component-preview-card.scss
@@ -61,7 +61,7 @@
   background-size: auto 70%; */
 
   .box-link{
-    z-index: 1000;
+    z-index: 100;
     position: absolute;
     top: 0;
     left: 0;