From 50dd973d4a01672000f7362594ee217272d391a9 Mon Sep 17 00:00:00 2001
From: Hans Pagel <hans.pagel@ueber.io>
Date: Mon, 31 Aug 2020 14:48:00 +0200
Subject: [PATCH] improve demo component

---
 docs/src/components/Demo/style.scss | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/docs/src/components/Demo/style.scss b/docs/src/components/Demo/style.scss
index 4c8f8aba..f875b491 100644
--- a/docs/src/components/Demo/style.scss
+++ b/docs/src/components/Demo/style.scss
@@ -6,9 +6,9 @@
   &__preview {
     padding: 1.5rem;
     border: 1px solid rgba($colorBlack, 0.1);
-    border-bottom-width: 0;
     border-top-left-radius: inherit;
     border-top-right-radius: inherit;
+    border-bottom-width: 0;
   }
 
   &__source {
@@ -53,11 +53,14 @@
     display: flex;
     justify-content: space-between;
     width: 100%;
-    padding: 1rem 1.5rem;
+    padding: 0.5rem 1.5rem;
+    border: 1px solid rgba($colorWhite, 0.1);
     border: 1px solid rgba($colorBlack, 0.1);
-    border-top-width: 0;
     border-bottom-left-radius: inherit;
     border-bottom-right-radius: inherit;
+    border-top-width: 0;
+    background-color: rgba($colorBlack, 0.9);
+    color: $colorWhite;
   }
 
   &__link {