Fix margin bottom issue with breadcrumb

src/components/atoms/MyBreadcrumbs/style.module.scss

@@ -6,6 +6,7 @@
   text-transform: uppercase;
   font-weight: 500;
   padding: 0rem;
+  margin-bottom: 1.875rem;
 }
 
 .breadcrumbItem * {

src/components/molecules/SearchBox/style.module.scss

@@ -10,7 +10,6 @@ $button-border: transparentize($gray-300, 1);
   transition: 0.2s background-color;
   -webkit-transition: 0.2s background-color;
   -moz-transition: 0.2s back-ground-color;
-  margin-top: 0.875rem;
 }
 
 .searchBar::placeholder {
@@ -42,7 +41,6 @@ $button-border: transparentize($gray-300, 1);
   transition: 0.2s background-color !important;
   -webkit-transition: 0.2s background-color !important;
   -moz-transition: 0.2s back-ground-color !important;
-  margin-top: 0.875rem;
 }
 
 .searchBarIcon:global(.active),

src/components/pages/ModuleProgress/index.tsx

@@ -19,7 +19,6 @@ const ModuleProgress: React.FC = () => {
   return (
     <>
 			<MyBreadcrumbs />
-			<h3>Progress</h3>
 
       <ProgressBar
 				now={50}
@@ -51,4 +50,4 @@ const ModuleProgress: React.FC = () => {
   );
 };
 
-export default ModuleProgress;
\ No newline at end of file
+export default ModuleProgress;