diff --git a/app/src/atoms/InputField/index.tsx b/app/src/atoms/InputField/index.tsx
index 72cac9892ab..d67710557f6 100644
--- a/app/src/atoms/InputField/index.tsx
+++ b/app/src/atoms/InputField/index.tsx
@@ -255,7 +255,9 @@ function Input(props: InputFieldProps): JSX.Element {
paddingTop={SPACING.spacing4}
flexDirection={DIRECTION_COLUMN}
>
- {props.caption}
+ {props.caption != null ? (
+ {props.caption}
+ ) : null}
{props.secondaryCaption != null ? (
{props.secondaryCaption}
) : null}
diff --git a/app/src/atoms/MenuList/DropdownMenu.tsx b/app/src/atoms/MenuList/DropdownMenu.tsx
index 929528c07cc..9693efa920a 100644
--- a/app/src/atoms/MenuList/DropdownMenu.tsx
+++ b/app/src/atoms/MenuList/DropdownMenu.tsx
@@ -89,7 +89,7 @@ export function DropdownMenu(props: DropdownMenuProps): JSX.Element {
return (
- {title !== undefined ? (
+ {title !== null ? (
{title}
@@ -120,6 +120,7 @@ export function DropdownMenu(props: DropdownMenuProps): JSX.Element {
left={SPACING.spacing16}
flexDirection={DIRECTION_COLUMN}
width={width}
+ ref={dropDownMenuWrapperRef}
>
{filterOptions.map((option, index) => (