fixed topcoder-platform#198 filter list overlap issue

Author: shubhendusaurabh

src/shared/components/challenge-listing/Listing/index.jsx

@@ -93,7 +93,7 @@ export default function Listing({
   };
 
   return (
-    <div styleName="challengeCardContainer">
+    <div styleName="challengeCardContainer" id="challengeCardContainer">
       {auth.user ? getBucket(BUCKETS.MY) : null}
       {getBucket(BUCKETS.OPEN_FOR_REGISTRATION)}
       {getBucket(BUCKETS.ONGOING)}

src/shared/components/challenge-listing/index.jsx

@@ -130,7 +130,7 @@ export default function ChallengeListing(props) {
         {challengeCardContainer}
 
         <div styleName="sidebar-container-desktop">
-          <Sticky top={20}>
+          <Sticky top={20} bottomBoundary="#challengeCardContainer">
             <Sidebar hideTcLinksInFooter={props.hideTcLinksInFooter} />
           </Sticky>
         </div>