diff --git a/pages/features.html b/pages/features.html
index 3dac145df7..89509ecd26 100644
--- a/pages/features.html
+++ b/pages/features.html
@@ -198,6 +198,20 @@
 		filter: brightness(0.85) saturate(0.75);
 	}
 
+	.showcase-flip-container{
+		background-color: rgba(0, 0, 0, 0.32);
+		border-radius: 1rem;
+		padding: 1rem;
+
+		position: absolute;
+		top: 50%;
+		left: 12px;
+		z-index: 5;
+		}
+	.showcase-flip-container:hover{
+		background-color: rgba(0, 0, 0, 0.50);
+	}
+
 	.showcase-flip-left,
 	.showcase-flip-right {
 		position: absolute;
@@ -360,9 +374,13 @@ <h2>
 				{% endif %}
 				{% endfor %}
 			</div>
-
-			<div class="showcase-flip-left"></div>
-			<div class="showcase-flip-right"></div>
+		<!-- fix accesibility issue -->
+			<div class="showcase-flip-container">
+				<div class="showcase-flip-left"></div>
+			</div>
+			<div class="showcase-flip-container">
+				<div class="showcase-flip-right"></div>
+			</div>
 		</div>
 
 		<a href="/showcase/" class="btn btn-flat btn-flat-white btn-flat-frosted btn-see-showcase">