diff --git a/src/common-elements/dropdown.ts b/src/common-elements/dropdown.ts
index 40cf978d29..9b3f50a3d2 100644
--- a/src/common-elements/dropdown.ts
+++ b/src/common-elements/dropdown.ts
@@ -21,7 +21,7 @@ export const StyledDropdown = styled(Dropdown)`
   font-family: ${props => props.theme.typography.headings.fontFamily};
 
   .Dropdown-control {
-    font-family: ${props => props.theme.typography.headings.fontFamily};
+    font-family: ${props => props.theme.typography.code.fontFamily};
     position: relative;
     font-size: 0.929em;
     width: 100%;
diff --git a/src/common-elements/fields-layout.ts b/src/common-elements/fields-layout.ts
index f8b00ef1f1..e3a696ed11 100644
--- a/src/common-elements/fields-layout.ts
+++ b/src/common-elements/fields-layout.ts
@@ -63,7 +63,7 @@ export const PropertyNameCell = styled(PropertyCell)`
   line-height: 20px;
   white-space: nowrap;
   font-size: 0.929em;
-  font-family: ${props => props.theme.typography.headings.fontFamily};
+  font-family: ${props => props.theme.typography.code.fontFamily};
 
   &.deprecated {
     ${deprecatedCss};
diff --git a/src/common-elements/fields.ts b/src/common-elements/fields.ts
index 3b93e43b59..ef1c07e8c1 100644
--- a/src/common-elements/fields.ts
+++ b/src/common-elements/fields.ts
@@ -72,7 +72,6 @@ export const ExampleValue = styled(FieldLabel)`
     padding: 0 ${theme.spacing.unit}px;
     border: 1px solid ${transparentize(0.9, theme.colors.text.primary)};
     font-family: ${theme.typography.code.fontFamily};
-    color: ${theme.typography.code.color};
 }`};
   & + & {
     margin-left: 0;
@@ -91,6 +90,7 @@ export const ConstraintItem = styled(FieldLabel)`
     margin: 0 ${theme.spacing.unit}px;
     padding: 0 ${theme.spacing.unit}px;
     border: 1px solid ${transparentize(0.9, theme.colors.primary.main)};
+    font-family: ${theme.typography.code.fontFamily};
 }`};
   & + & {
     margin-left: 0;