fix: spooky dropdown (#2950)

Author: Gene Hynson

src/flows/components/FlowsIndex.tsx

@@ -19,6 +19,7 @@ import {Flow} from 'src/types/flows'
 import {ResourceType} from 'src/types'
 
 import 'src/flows/components/controlSearchBar.scss'
+import 'src/flows/style.scss'
 import PresetFlowsButtons from './PresetFlowsButtons'
 
 const FlowsIndex = () => {
@@ -140,8 +141,13 @@ const FlowsIndex = () => {
           </>
         )}
       </PageHeader>
-      <DapperScrollbars onScroll={scrollHandler} className="flows-index--main">
-        <Page.Contents fullWidth={false} id="fadebox" ref={fadingBoxRef}>
+      <DapperScrollbars onScroll={scrollHandler}>
+        <Page.Contents
+          fullWidth={false}
+          id="fadebox"
+          ref={fadingBoxRef}
+          className="flows-index--contents"
+        >
           <PresetFlows />
           <Page.ControlBar
             className="flows-index--control-bar"

src/flows/components/controlSearchBar.scss

@@ -3,7 +3,6 @@
     padding: 0px;
   }
   .cf-dropdown-menu {
-    position: fixed;
     max-width: 210px;
   }
 }

src/flows/style.scss

@@ -433,6 +433,6 @@ $cf-radius-lg: $cf-radius + 4px;
   }
 }
 
-.flows-index--main {
-  margin-top: 10px;
+.flows-index--contents {
+  overflow: unset;
 }