fix(client): Guide spacing and coloring of active element

client/src/components/layouts/GuideLayout.js

@@ -68,7 +68,7 @@ class Layout extends React.Component {
                 toggleExpandedState
               }) => (
                 <Fragment>
-                  <Spacer size={2} />
+                  <Spacer size={1} />
                   <Grid>
                     <Row>
                       <Col
@@ -110,6 +110,7 @@ class Layout extends React.Component {
   }
 }
 
+
 Layout.displayName = 'Layout';
 Layout.propTypes = propTypes;
 

client/src/components/layouts/guide.css

@@ -69,7 +69,7 @@
 .content,
 .sideNav {
   /* 100vh - (navbar height) - (spacer height) */
-  height: calc(100vh - 38px - 60px);
+  height: calc(100vh - 38px - 30px);
   overflow-y: auto;
 }
 
@@ -141,6 +141,7 @@
   border: none;
   border-radius: 0;
   cursor: pointer;
+  color: #006400;
 }
 
 .bodyContainer {