diff --git a/app/soapbox/features/forms/__tests__/__snapshots__/forms-test.js.snap b/app/soapbox/features/forms/__tests__/__snapshots__/forms-test.js.snap
index 0f1e2df50..1bd05c5fd 100644
--- a/app/soapbox/features/forms/__tests__/__snapshots__/forms-test.js.snap
+++ b/app/soapbox/features/forms/__tests__/__snapshots__/forms-test.js.snap
@@ -55,23 +55,27 @@ exports[` renders correctly 1`] = `
`;
exports[` renders correctly 1`] = `
-
+
+
+
`;
exports[` renders correctly 1`] = `
diff --git a/app/soapbox/features/forms/index.js b/app/soapbox/features/forms/index.js
index 4330919b3..5c7951ddb 100644
--- a/app/soapbox/features/forms/index.js
+++ b/app/soapbox/features/forms/index.js
@@ -236,7 +236,7 @@ export class SelectDropdown extends ImmutablePureComponent {
));
- const selectElem = ;
+ const selectElem = ;
return label ? (
{selectElem}
diff --git a/app/styles/forms.scss b/app/styles/forms.scss
index da97a6006..5025a5a43 100644
--- a/app/styles/forms.scss
+++ b/app/styles/forms.scss
@@ -429,6 +429,7 @@ code {
}
select {
+ appearance: none;
box-sizing: border-box;
font-size: 16px;
color: var(--primary-text-color);
@@ -444,6 +445,23 @@ code {
padding-right: 30px;
height: 41px;
position: relative;
+ margin-top: 8px;
+ cursor: pointer;
+ }
+
+ .select-wrapper::after {
+ display: block;
+ font-family: 'ForkAwesome';
+ content: '';
+ width: 10px;
+ position: absolute;
+ right: 12px;
+ top: 1px;
+ border-left: 1px solid var(--highlight-text-color);
+ height: 39px;
+ padding: 12px;
+ box-sizing: border-box;
+ pointer-events: none;
}
.label_input {