diff --git a/src/components/ApiInfo/ApiInfo.tsx b/src/components/ApiInfo/ApiInfo.tsx
index b8206127..019a1cec 100644
--- a/src/components/ApiInfo/ApiInfo.tsx
+++ b/src/components/ApiInfo/ApiInfo.tsx
@@ -3,8 +3,8 @@ import * as React from 'react';
 
 import { AppStore } from '../../services/AppStore';
 
-import { ExternalDocumentation } from '../ExternalDocumentation/ExternalDocumentation';
 import { MiddlePanel, Row, Section } from '../../common-elements/';
+import { ExternalDocumentation } from '../ExternalDocumentation/ExternalDocumentation';
 import { Markdown } from '../Markdown/Markdown';
 import { StyledMarkdownBlock } from '../Markdown/styled.elements';
 import {
diff --git a/src/components/ContentItems/ContentItems.tsx b/src/components/ContentItems/ContentItems.tsx
index b05c5a49..293d7e6a 100644
--- a/src/components/ContentItems/ContentItems.tsx
+++ b/src/components/ContentItems/ContentItems.tsx
@@ -1,8 +1,8 @@
 import { observer } from 'mobx-react';
 import * as React from 'react';
 
-import { AdvancedMarkdown } from '../Markdown/AdvancedMarkdown';
 import { ExternalDocumentation } from '../ExternalDocumentation/ExternalDocumentation';
+import { AdvancedMarkdown } from '../Markdown/AdvancedMarkdown';
 
 import { H1, H2, MiddlePanel, Row, Section, ShareLink } from '../../common-elements';
 import { ContentItemModel } from '../../services/MenuBuilder';
@@ -80,9 +80,13 @@ export class SectionItem extends React.Component<ContentItemProps> {
         </Row>
         <AdvancedMarkdown source={description || ''} htmlWrap={middlePanelWrap} />
         {externalDocs && (
-          <p>
-            <ExternalDocumentation externalDocs={externalDocs} />
-          </p>
+          <Row>
+            <MiddlePanel>
+              <p>
+                <ExternalDocumentation externalDocs={externalDocs} />
+              </p>
+            </MiddlePanel>
+          </Row>
         )}
       </>
     );