Fix lint error

Author: luizrrodrigues

__tests__/shared/components/challenge-listing/__snapshots__/index.jsx.snap

@@ -8,6 +8,7 @@ exports[`Matches shallow shapshot 1 shapshot 1 1`] = `
   <Connect(Container)
     setFilterState={[MockFunction]}
   />
+  <Banner />
   <div
     className="src-shared-components-challenge-listing-___style__tc-content-wrapper___1MqlF"
   >
@@ -64,6 +65,7 @@ exports[`Matches shallow shapshot 2 shapshot 2 1`] = `
   <Connect(Container)
     setFilterState={[MockFunction]}
   />
+  <Banner />
   <div
     className="src-shared-components-challenge-listing-___style__tc-content-wrapper___1MqlF"
   >

src/shared/components/challenge-listing/Banner/style.scss

@@ -1,25 +1,25 @@
 @import "~styles/mixins";
 
 .banner {
+  @include roboto-medium;
+
+  @include xs-to-sm {
+    height: 81px;
+    line-height: 22px;
+    padding-left: 20px;
+  }
+
   display: flex;
   justify-content: space-between;
   flex-direction: row;
   align-items: center;
   margin: 10px 15px 0 15px;
   height: 50px;
   background: linear-gradient(90deg, #2c95d7 0%, #06d6a0 100%);
-
   border-radius: 10px;
   color: #fff;
-  @include roboto-medium;
   font-size: 16px;
 
-  @include xs-to-sm {
-    height: 81px;
-    line-height: 22px;
-    padding-left: 20px;
-  }
-
   .content {
     display: flex;
     justify-content: space-between;