removed the comments

src/Explorer/Tabs/TriggerTabContent.tsx

@@ -1,5 +1,5 @@
 import { TriggerDefinition } from "@azure/cosmos";
-import { getTheme, IDropdownOption, IDropdownStyles, Label, TextField } from "@fluentui/react";
+import { IDropdownOption, IDropdownStyles, Label, TextField } from "@fluentui/react";
 import { Dropdown } from "@fluentui/react/lib/Dropdown";
 import { KeyboardAction } from "KeyboardShortcuts";
 import { ValidCosmosDbIdDescription, ValidCosmosDbIdInputPattern } from "Utils/ValidationUtils";
@@ -22,7 +22,7 @@ const triggerTypeOptions: IDropdownOption[] = [
   { key: "Pre", text: "Pre" },
   { key: "Post", text: "Post" },
 ];
-const theme = getTheme();
+
 const dropdownStyles: Partial<IDropdownStyles> = {
   label: {
     color: "var(--colorNeutralForeground1)",
@@ -34,29 +34,6 @@ const dropdownStyles: Partial<IDropdownStyles> = {
     backgroundColor: "var(--colorNeutralBackground1)",
     color: "var(--colorNeutralForeground1)",
   },
-  dropdownItem: {
-    backgroundColor: "var(--colorNeutralBackground1)",
-    color: "var(--colorNeutralForeground1)",
-  },
-  dropdownItems: {
-    backgroundColor: "var(--colorNeutralBackground1)",
-    color: "var(--colorNeutralForeground1)",
-  },
-  dropdownItemSelected: {
-    backgroundColor: "var(--colorBrandBackgroundSelected)",
-    color: "var(--colorNeutralForegroundOnBrand)",
-    selectors: {
-      "&:before": {
-        content: '""',
-        position: "absolute",
-        left: 0,
-        top: 0,
-        bottom: 0,
-        width: "4px",
-        background: "var(--colorBrandBackground)",
-      },
-    },
-  },
 };
 
 const triggerOperationOptions: IDropdownOption[] = [
@@ -365,42 +342,7 @@ export class TriggerTabContent extends Component<TriggerTab, ITriggerTabContentS
           selectedKey={triggerType}
           className="trigger-field"
           onChange={(event, selectedKey) => this.handleTriggerTypeOprationChange(event, selectedKey, "triggerType")}
-          styles={{
+          styles={dropdownStyles}
-            root: { width: "40%", marginTop: "10px" },
-            // dropdown: {
-            //   backgroundColor: "var(--colorNeutralBackground1)",
-            //   color: "var(--colorNeutralForeground1)",
-            //   border: "1px solid var(--colorNeutralStroke1)",
-            // },
-
-            // dropdown: {
-            //   backgroundColor: theme.palette.neutralLighterAlt, // dynamic background
-            //   borderColor: theme.palette.neutralSecondary,
-            // },
-            // title: {
-            //   backgroundColor: theme.palette.neutralLighterAlt,
-            //   color: theme.semanticColors.bodyText, // selected value color
-            // },
-
-            dropdown: {
-              backgroundColor: theme.semanticColors.bodyBackground,
-              borderColor: theme.semanticColors.bodyDivider,
-            },
-            title: {
-              backgroundColor: theme.semanticColors.bodyBackground,
-              color: theme.semanticColors.bodyText,
-            },
-            callout: {
-              backgroundColor: theme.semanticColors.bodyBackground,
-            },
-            subComponentStyles: {
-              label: {
-                root: {
-                  color: "var(--colorNeutralForeground1)",
-                },
-              },
-            },
-          }}
         />
         <Dropdown
           placeholder="Trigger Operation"
@@ -412,25 +354,6 @@ export class TriggerTabContent extends Component<TriggerTab, ITriggerTabContentS
             this.handleTriggerTypeOprationChange(event, selectedKey, "triggerOperation")
           }
           styles={dropdownStyles}
-
-          // styles={{
-          //   root: { width: "40%", marginTop: "10px" },
-          //   dropdown: {
-          //     backgroundColor: theme.palette.neutralLighterAlt, // dynamic background
-          //     borderColor: theme.palette.neutralSecondary,
-          //   },
-          //   title: {
-          //     backgroundColor: theme.palette.neutralLighterAlt,
-          //     color: theme.semanticColors.bodyText, // selected value color
-          //   },
-          //   subComponentStyles: {
-          //     label: {
-          //       root: {
-          //         color: "var(--colorNeutralForeground1)",
-          //       },
-          //     },
-          //   },
-          // }}
         />
         <Label className="trigger-field">Trigger Body</Label>
         <EditorReact