padding in bottom of common banner was of different color from the rest of banner

Author: M-ZubairAhmed

components/common-banner.js

@@ -11,9 +11,10 @@ export default props => (
         background-color: #f4f7fb;
         min-height: 150px;
         text-align: center;
+        padding-top: 30px;
+        padding-bottom: 30px;
       }
       .headline {
-        padding-top: 20px;
         font-size: 4em;
         color: #df1cb5;
         font-weight: 900;
@@ -24,7 +25,6 @@ export default props => (
         margin-right: auto;
         letter-spacing: 2px;
         line-height: 2;
-        margin-bottom: 30px;
       }
       @media (max-width: 720px) {
         h2 {

components/learn-components/accord-guide.js

@@ -21,13 +21,15 @@ export default class AccordGuide extends Component {
       activeIndex: -1,
     };
   }
+
   handleClick = (e, titleProps) => {
     const { index } = titleProps;
     const { activeIndex } = this.state;
     const newIndex = activeIndex === index ? -1 : index;
 
     this.setState({ activeIndex: newIndex });
   };
+
   async componentDidMount() {
     try {
       const request = await fetch(this.props.url);