diff --git a/demo/index.html b/demo/index.html
index 8675b407..5a81e5ad 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -21,6 +21,14 @@
     redoc {
       display: block;
     }
+
+    .auth {
+      padding: 20px 0 0 0 !important;
+    }
+
+    h1, h2, h3, h4 {
+      padding-bottom: 0px !important;
+    }
   </style>
   <link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,700|Roboto:300,400,700" rel="stylesheet">
 </head>
diff --git a/demo/playground/index.html b/demo/playground/index.html
index d322ee3e..476eedfd 100644
--- a/demo/playground/index.html
+++ b/demo/playground/index.html
@@ -14,6 +14,14 @@
     redoc {
       display: block;
     }
+
+    .auth {
+      padding: 10px 0 0 0 !important; 
+    }
+
+    h1, h2, h3, h4 {
+      margin-bottom: 0px !important;
+    }
   </style>
   <link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,700|Roboto:300,400,700" rel="stylesheet">
 </head>
diff --git a/src/components/SecuritySchemes/SecuritySchemes.tsx b/src/components/SecuritySchemes/SecuritySchemes.tsx
index 32ae2da5..9580c418 100644
--- a/src/components/SecuritySchemes/SecuritySchemes.tsx
+++ b/src/components/SecuritySchemes/SecuritySchemes.tsx
@@ -68,7 +68,7 @@ export interface SecurityDefsProps {
 export class SecurityDefs extends React.PureComponent<SecurityDefsProps> {
   render() {
     return this.props.securitySchemes.schemes.map(scheme => (
-      <Section id={scheme.sectionId} key={scheme.id}>
+      <Section id={scheme.sectionId} key={scheme.id} className='auth'>
         <Row>
           <MiddlePanel>
             <H2>