From 2fd2e2d2b72d9914ce8f0a1e5b776ca8c6e2d9b1 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 6 Oct 2020 11:05:39 +0200
Subject: [PATCH] style(header): partially active linke

---
 website/src/components/Header/index.js     | 4 ++--
 website/src/components/TeaserFlow/index.js | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/website/src/components/Header/index.js b/website/src/components/Header/index.js
index 3f0f85b3..9fadffdf 100644
--- a/website/src/components/Header/index.js
+++ b/website/src/components/Header/index.js
@@ -201,10 +201,10 @@ const Header = () => {
               <NavItem to="/" activeClassName="active" className="mobile">
                 Home
               </NavItem>
-              <NavItem to="/docs/" activeClassName="active">
+              <NavItem to="/docs/" activeClassName="active" partiallyActive>
                 Docs
               </NavItem>
-              <NavItem to="/examples/" activeClassName="active">
+              <NavItem to="/examples/" activeClassName="active" partiallyActive>
                 Examples
               </NavItem>
 
diff --git a/website/src/components/TeaserFlow/index.js b/website/src/components/TeaserFlow/index.js
index 88b11760..35c7df4b 100644
--- a/website/src/components/TeaserFlow/index.js
+++ b/website/src/components/TeaserFlow/index.js
@@ -26,7 +26,7 @@ const ReactFlowWrapper = styled(Box)`
   border-radius: 5px;
   order: 2;
 
-  ${device.tablet} {
+  @media ${device.tablet} {
     order: ${(p) => p.order};
   }
 
@@ -45,7 +45,7 @@ const DescriptionWrapper = styled(Box)`
   order: 1;
   margin-bottom: ${getThemeSpacePx(3)};
 
-  ${device.tablet} {
+  @media ${device.tablet} {
     order: ${(p) => p.order};
   }
 `;