fix best locations styling

src/components/Separator/WithAnchor/index.tsx

@@ -3,7 +3,7 @@ import './style.css';
 type SeparatorProps = {
   pageName: String,
   pageLink: string,
-  secondLink?: string
+  secondLink?: string,
 }
 
 function SeparatorWithAnchor(props: SeparatorProps) {

src/pages/BestLocations/index.tsx

@@ -194,7 +194,7 @@ function BestLocation() {
               ))}
             </div>
             <div className={'p-4 bg-secondary'} style={{ minWidth: 300}}>
-                <div className={'h-30 bg-primary p-4'} style={{ position: 'sticky', alignSelf: 'flex-start', top: 10}}>
+                <div className={'h-30 bg-primary p-4 right-filter'}>
                   {REVIEWERS_TYPE.map((x, idx) => (
                   <a 
                     onClick={(e) => onChangeReviewType(e, x.toLowerCase(), idx+1)} 

src/pages/BestLocations/style.css

@@ -54,4 +54,10 @@
 a .selected-reviewer-filter:hover{
   color: white;
   cursor: default;
+}
+
+.right-filter {
+  position: sticky;
+  align-self: flex-start;
+  top: 30px;
 }