diff --git a/packages/website/ts/components/documentation/docs_top_bar.tsx b/packages/website/ts/components/documentation/docs_top_bar.tsx
index 41273eb30d..95adc417da 100644
--- a/packages/website/ts/components/documentation/docs_top_bar.tsx
+++ b/packages/website/ts/components/documentation/docs_top_bar.tsx
@@ -143,7 +143,7 @@ export class DocsTopBar extends React.Component<DocsTopBarProps, DocsTopBarState
                 openSecondary={true}
                 onRequestChange={this._onMenuButtonClick.bind(this)}
             >
-                <Container className="clearfix pl1" onClick={this._onMenuButtonClick.bind(this)}>
+                <Container className="clearfix pl1 pt2" onClick={this._onMenuButtonClick.bind(this)}>
                     {this.props.sidebar}
                 </Container>
             </Drawer>
diff --git a/packages/website/ts/pages/documentation/doc_page.tsx b/packages/website/ts/pages/documentation/doc_page.tsx
index 19e76a51b6..65d9b68a95 100644
--- a/packages/website/ts/pages/documentation/doc_page.tsx
+++ b/packages/website/ts/pages/documentation/doc_page.tsx
@@ -112,7 +112,11 @@ export class DocPage extends React.Component<DocPageProps, DocPageState> {
             <Container>
                 <Container className="flex justify-bottom">
                     <Container className="left pl1" width="150px">
-                        <Text fontColor={colors.lightLinkBlue} fontSize="22px" fontWeight="bold">
+                        <Text
+                            fontColor={colors.lightLinkBlue}
+                            fontSize={this.props.screenWidth === ScreenWidths.Sm ? '20px' : '22px'}
+                            fontWeight="bold"
+                        >
                             {this.props.docsInfo.displayName}
                         </Text>
                     </Container>