fixes

Author: Chetan11-dev

release/app/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "todo-my-app-name",
-  "version": "1.7.0",
+  "version": "1.9.0",
   "description": "Todo my app description",
   "license": "MIT",
   "main": "./dist/main/main.js",

release/app/package.json

@@ -1,6 +1,7 @@
 import { EuiFormRow } from '@elastic/eui/optimize/es/components/form/form_row/form_row';
 
 import ChooseField from '../inputs/ChooseField';
+import Select from '../inputs/Select';
 
 function ScraperSelector({ scrapers, selectedScraper, onSelectScraper }) {
   const options = scrapers.map(scraper => ({
@@ -17,20 +18,31 @@ function ScraperSelector({ scrapers, selectedScraper, onSelectScraper }) {
     }
 
   }
-
   return (
     <EuiFormRow
       className="pb-4"
       label="Choose Scraper"
       display="columnCompressed"
       fullWidth>
+
       <div className="flex flex-row-reverse">
-        <ChooseField
-          name={'choose-scraper'}
-          value={selectedScraper.scraper_name}
-          options={options}
-          onChange={handleChange}
-        />
+        {options.length > 2 ? (
+          <div>
+            <Select
+            name={'choose-scraper'}
+            value={selectedScraper.scraper_name}
+            options={options}
+            onChange={handleChange}
+          />
+          </div>
+        ) : (
+          <ChooseField
+            name={'choose-scraper'}
+            value={selectedScraper.scraper_name}
+            options={options}
+            onChange={handleChange}
+          />
+        )}
       </div>
     </EuiFormRow>
   )

src/renderer/app/components/ScraperSelector/ScraperSelector.tsx

@@ -13,7 +13,6 @@ export default function Select({ options, value, onChange, ...props }: any) {
   return (
     <EuiSelect
       {...props}
-      fullWidth
       options={cleanedOptions}
       value={value}
       onChange={e => {