Use pure sass to reduce the section's padding-top/padding-bottom

src/Section.js

@@ -7,7 +7,7 @@ class Section extends React.Component {
   render() {
     const { suite } = this.props;
     return (
-      <section key={suite.name} className="section">
+      <section key={suite.name} className="section pt-4 pb-4" >
         <div className="tile box has-background-danger">
           <div className="content">
             <p className='title is-5 has-text-white'>{ suite.name }</p>

src/style.scss

@@ -14,11 +14,6 @@ $link: #212952;
 @import "../node_modules/bulma/sass/layout/section.sass";
 @import "../node_modules/bulma/sass/grid/tiles.sass";
 
-.section {
-  padding-top: 1rem;
-  padding-bottom: 1rem;
-}
-
 @media (min-width: 500px) {
 	ul {
 		columns: 2;