fixed for app details

Author: shivani170

src/components/app/details/appDetails/AppDetails.tsx

@@ -1444,7 +1444,7 @@ export function TimeRangeSelector({
                 options={options.map((time) => ({ label: time, value: time }))}
                 value={{ label: selectedRange, value: selectedRange }}
                 onChange={(selected) => selectRange(selected.value)}
-                menuPortalTarget={document.body}
+                menuPosition="fixed"
                 components={{ IndicatorSeparator: null, ValueContainer, Option }}
                 styles={{
                     ...multiSelectStyles,

src/components/security/SecurityPolicyEdit.tsx

@@ -371,7 +371,7 @@ export class SecurityPolicyEdit extends Component<FetchPolicyQueryParams, GetVul
                                         </td>
                                         <td className="security-policy__data-cell">
                                             <ReactSelect
-                                                menuPortalTarget={document.getElementById('root')}
+                                                menuPosition="fixed"
                                                 closeMenuOnScroll={true}
                                                 value={selectedValue}
                                                 onChange={(selected) => {