From 3bb33bbf82f1cfa728b8020efa41f53773c269c4 Mon Sep 17 00:00:00 2001
From: hchiam <hchiam@users.noreply.github.com>
Date: Fri, 10 Jan 2020 11:09:05 -0500
Subject: [PATCH] make it display correctly in firefox 72.0.1 and chrome 79.0
 to address issue #107

---
 client/patterns/slider/Details.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/client/patterns/slider/Details.tsx b/client/patterns/slider/Details.tsx
index 92a7d04..0aea419 100644
--- a/client/patterns/slider/Details.tsx
+++ b/client/patterns/slider/Details.tsx
@@ -62,7 +62,7 @@ const Details: React.FC<{}> = () => {
 
         /* Colors */
         background-color: rgba(0, 0, 0, .3);
-    " />
+    "></div>
 
     <!-- Circle -->
     <div style="
@@ -75,7 +75,7 @@ const Details: React.FC<{}> = () => {
 
         /* Colors */
         background-color: rgba(0, 0, 0, .3);
-    " />
+    "></div>
 
     <!-- Right side -->
     <div style="
@@ -85,7 +85,7 @@ const Details: React.FC<{}> = () => {
 
         /* Colors */
         background-color: rgba(0, 0, 0, .3);
-    " />
+    "></div>
 </div>
 `}
                 />