From f491029c21311accb42490466e2d84476280a178 Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Wed, 17 Apr 2019 23:13:25 -0700
Subject: [PATCH] Missing divider on document header

---
 app/scenes/Document/components/Header.js | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/app/scenes/Document/components/Header.js b/app/scenes/Document/components/Header.js
index c69aec185..c42efc5d1 100644
--- a/app/scenes/Document/components/Header.js
+++ b/app/scenes/Document/components/Header.js
@@ -7,7 +7,7 @@ import { Redirect } from 'react-router-dom';
 import styled from 'styled-components';
 import breakpoint from 'styled-components-breakpoint';
 import { NewDocumentIcon } from 'outline-icons';
-import { transparentize } from 'polished';
+import { transparentize, darken } from 'polished';
 import Document from 'models/Document';
 import AuthStore from 'stores/AuthStore';
 import { documentEditUrl } from 'utils/routeHelpers';
@@ -233,7 +233,10 @@ const Actions = styled(Flex)`
   z-index: 1;
   background: ${props => transparentize(0.1, props.theme.background)};
   border-bottom: 1px solid
-    ${props => (props.isCompact ? props.theme.background : 'transparent')};
+    ${props =>
+      props.isCompact
+        ? darken(0.05, props.theme.sidebarBackground)
+        : 'transparent'};
   padding: 12px;
   transition: all 100ms ease-out;
   transform: translate3d(0, 0, 0);