From 4b6ac96a8db908b02a352357592dfef986e23fdc Mon Sep 17 00:00:00 2001
From: fragosti <francesco.agosti93@gmail.com>
Date: Fri, 30 Nov 2018 16:01:16 -0800
Subject: fix: use correct styles even when syntax highlighter component
 removes classnames on second render

---
 packages/website/ts/pages/instant/code_demo.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

(limited to 'packages/website/ts/pages')

diff --git a/packages/website/ts/pages/instant/code_demo.tsx b/packages/website/ts/pages/instant/code_demo.tsx
index fa0cebc62..20eb6b8d1 100644
--- a/packages/website/ts/pages/instant/code_demo.tsx
+++ b/packages/website/ts/pages/instant/code_demo.tsx
@@ -8,7 +8,8 @@ const CustomPre = styled.pre`
     line-height: 24px;
     overflow: scroll;
     width: 600px;
-    height: 500px;
+    height: 100%;
+    max-height: 800px;
     border-radius: 4px;
     code {
         background-color: inherit !important;
@@ -16,7 +17,7 @@ const CustomPre = styled.pre`
         font-family: 'Roboto Mono', sans-serif;
         border: none;
     }
-    .lsl {
+    code:first-of-type {
         background-color: #2a2a2a !important;
         color: #999;
         height: 100%;
@@ -27,7 +28,7 @@ const CustomPre = styled.pre`
         line-height: 25px;
         padding-top: 10px;
     }
-    .xml {
+    code:last-of-type {
         position: relative;
         top: 10px;
     }
-- 
cgit v1.2.3