fix: adjusted opinion filter on mobile screens (#264)

* adjusted opinion filter on mobile screens * adjust position
open-sauced · Aug 25, 2022 · 2d9785c · 2d9785c
1 parent 2481c1b
commit 2d9785c
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/components/molecules/SuperlativeSelector/superlative-selector.tsx b/components/molecules/SuperlativeSelector/superlative-selector.tsx
@@ -47,7 +47,7 @@ const SuperativeSelector: React.FC<SuperlativeSelectorProps> = ({
         )}
       </ContextFilterButton>
       {isOpen && (
-        <div className="absolute space-y-1 mt-1 shadow-superlative w-64 z-10 bg-white rounded-lg px-1.5 py-2">
+        <div className="absolute -left-full md:left-0 space-y-1 mt-1 shadow-superlative w-64 z-10 bg-white rounded-lg px-1.5 py-2">
           {filterOptions.length > 0 &&
             filterOptions.map((option, index) => (
               <Radio