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};
   }
 `;