diff --git a/src/views/Base/Collapses/Collapses.js b/src/views/Base/Collapses/Collapses.js
index aab9258..210e247 100644
--- a/src/views/Base/Collapses/Collapses.js
+++ b/src/views/Base/Collapses/Collapses.js
@@ -137,7 +137,7 @@ class Collapses extends Component {
               </CardHeader>
               <CardBody>
                 <div id="accordion">
-                  <Card>
+                  <Card className="mb-0">
                     <CardHeader id="headingOne">
                       <Button block color="link" className="text-left m-0 p-0" onClick={() => this.toggleAccordion(0)} aria-expanded={this.state.accordion[0]} aria-controls="collapseOne">
                         <h5 className="m-0 p-0">Collapsible Group Item #1</h5>
@@ -153,7 +153,7 @@ class Collapses extends Component {
                       </CardBody>
                     </Collapse>
                   </Card>
-                  <Card>
+                  <Card className="mb-0">
                     <CardHeader id="headingTwo">
                       <Button block color="link" className="text-left m-0 p-0" onClick={() => this.toggleAccordion(1)} aria-expanded={this.state.accordion[1]} aria-controls="collapseTwo">
                         <h5 className="m-0 p-0">Collapsible Group Item #2</h5>
@@ -169,7 +169,7 @@ class Collapses extends Component {
                       </CardBody>
                     </Collapse>
                   </Card>
-                  <Card>
+                  <Card className="mb-0">
                     <CardHeader id="headingThree">
                       <Button block color="link" className="text-left m-0 p-0" onClick={() => this.toggleAccordion(2)} aria-expanded={this.state.accordion[2]} aria-controls="collapseThree">
                         <h5 className="m-0 p-0">Collapsible Group Item #3</h5>