diff --git a/src/core/components/Table.tsx b/src/core/components/Table.tsx
index 5791db5..6dc4292 100644
--- a/src/core/components/Table.tsx
+++ b/src/core/components/Table.tsx
@@ -320,12 +320,19 @@ export function HeaderAndQueryTable(
                             <TableCell style={tableRowStyle} width={"30%"} align='left'>
                                 <FormControl size='small' fullWidth={true}>
                                     <InputLabel>{translate("SELECT") + " " + translate("TYPE")}</InputLabel>
-                                    <Select name="wm-webservice-new-param-type" onChange={(e) => handleChangeType(e, index)} value={data.type} label={translate("Select Type")} data-testid="param-type">
-                                        <ListSubheader>{translate("UI_TYPES")}</ListSubheader>
+                                    <Select
+                                        MenuProps={{
+                                            PaperProps: {
+                                                style: {
+                                                    height: '300px', // Set the maximum height of the dropdown menu
+                                                },
+                                            },
+                                        }} name="wm-webservice-new-param-type" onChange={(e) => handleChangeType(e, index)} value={data.type} label={translate("Select Type")} data-testid="param-type">
+                                        <ListSubheader sx={{ fontWeight: 700, color: 'black' }}>{translate("UI_TYPES")}</ListSubheader>
                                         {selectTypes.UITypes.map((type) => <MenuItem title={type.value} key={type.value} value={type.value}>{type.label}</MenuItem>)}
-                                        <ListSubheader>{translate("SERVER_SIDE") + " " + translate("PROPERTIES")}</ListSubheader>
+                                        <ListSubheader sx={{ fontWeight: 700, color: 'black' }}>{translate("SERVER_SIDE_PROPERTIES")}</ListSubheader>
                                         {selectTypes.ServerSideProperties.map((type) => <MenuItem title={type.value} key={type.value} value={type.value}>{type.label}</MenuItem>)}
-                                        <ListSubheader>{translate("APPENVIRONMENT") + " " + translate("PROPERTIES")}</ListSubheader>
+                                        <ListSubheader sx={{ fontWeight: 700, color: 'black' }}>{translate("APPENVIRONMENT") + " " + translate("PROPERTIES")}</ListSubheader>
                                         {getAppEnvProperties()}
                                     </Select>
                                 </FormControl>
diff --git a/src/locales/en.json b/src/locales/en.json
index a6de472..174c41d 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -38,13 +38,13 @@
   "LONG": "Long",
   "STRING": "String",
   "PROPERTIES": "Properties",
-  "SERVER_SIDE ": "Server Side",
+  "SERVER_SIDE_PROPERTIES": "Server Side Properties",
   "CURRENT": "Current",
   "TIMESTAMP": "Timestamp",
   "USERID": "UserID",
   "LOGGEDIN": "LoggedIn",
   "USERNAME": "Username",
-  "APPENVIRONMENT": "AppEnvironment",
+  "APPENVIRONMENT": "App Environment",
   "OPTION": "Option",
   "CONTENT": "Content",
   "REQUEST": "Request",