changed bottom boundary to outermost

Author: shubhendusaurabh

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

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

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

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