diff --git a/ui/src/main/webapp/components/MultiInputComponent.jsx b/ui/src/main/webapp/components/MultiInputComponent.jsx
index 6d3785fd1..9333c83b7 100644
--- a/ui/src/main/webapp/components/MultiInputComponent.jsx
+++ b/ui/src/main/webapp/components/MultiInputComponent.jsx
@@ -9,7 +9,7 @@ import { filterResponse } from '../util/util';
 import { getFormattedMessage } from '../util/messageUtil';
 
 const MultiSelectWrapper = styled(Multiselect)`
-    width: 300px !important;
+    width: 320px !important;
 `;
 
 function MultiInputComponent(props) {
diff --git a/ui/src/main/webapp/components/RadioComponent.jsx b/ui/src/main/webapp/components/RadioComponent.jsx
index 6bf46d966..52e4bacea 100644
--- a/ui/src/main/webapp/components/RadioComponent.jsx
+++ b/ui/src/main/webapp/components/RadioComponent.jsx
@@ -4,7 +4,7 @@ import RadioBar from '@splunk/react-ui/RadioBar';
 import styled from 'styled-components';
 
 const RadioBarWrapper = styled(RadioBar)`
-    width: 300px;
+    width: 320px;
 `;
 
 class RadioComponent extends Component {
diff --git a/ui/src/main/webapp/components/SingleInputComponent.jsx b/ui/src/main/webapp/components/SingleInputComponent.jsx
index 57f8c47c7..62ea53257 100755
--- a/ui/src/main/webapp/components/SingleInputComponent.jsx
+++ b/ui/src/main/webapp/components/SingleInputComponent.jsx
@@ -9,7 +9,7 @@ import { axiosCallWrapper } from '../util/axiosCallWrapper';
 import { filterResponse } from '../util/util';
 
 const SelectWrapper = styled(Select)`
-    width: 300px !important;
+    width: 320px !important;
 `;
 
 function SingleInputComponent(props) {
diff --git a/ui/src/main/webapp/components/TextComponent.jsx b/ui/src/main/webapp/components/TextComponent.jsx
index a9c8d63e1..565f714b0 100755
--- a/ui/src/main/webapp/components/TextComponent.jsx
+++ b/ui/src/main/webapp/components/TextComponent.jsx
@@ -4,7 +4,7 @@ import Text from '@splunk/react-ui/Text';
 import styled from 'styled-components';
 
 const TextWrapper = styled(Text)`
-    width: 300px !important;
+    width: 320px !important;
 `;
 
 class TextComponent extends Component {
@@ -20,7 +20,7 @@ class TextComponent extends Component {
                 placeholder={this.props?.controlOptions?.placeholder}
                 className={this.props.field}
                 disabled={this.props.disabled}
-                value={this.props.value === null ? '' : this.props.value}
+                value={this.props.value === null ? '' : this.props.value.toString()}
                 onChange={this.handleChange}
                 type={this.props.encrypted ? 'password' : 'text'}
             />
@@ -29,7 +29,7 @@ class TextComponent extends Component {
 }
 
 TextComponent.propTypes = {
-    value: PropTypes.string,
+    value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
     handleChange: PropTypes.func.isRequired,
     field: PropTypes.string,
     error: PropTypes.bool,
diff --git a/ui/src/main/webapp/components/table/CustomTableRow.jsx b/ui/src/main/webapp/components/table/CustomTableRow.jsx
index dbb1825df..775c66b39 100644
--- a/ui/src/main/webapp/components/table/CustomTableRow.jsx
+++ b/ui/src/main/webapp/components/table/CustomTableRow.jsx
@@ -42,7 +42,7 @@ function CustomTableRow(props) {
     const getCustomCell = (customRow, header) => {
         return React.createElement(CustomTableControl, {
             serviceName: row.serviceName,
-            field: row.name,
+            field: header.field,
             row: customRow,
             fileName: header.customCell.src,
         });