diff --git a/app/soapbox/features/remote_timeline/components/pinned_hosts_picker.js b/app/soapbox/features/remote_timeline/components/pinned_hosts_picker.js
index 0305268b0..a9af2c57c 100644
--- a/app/soapbox/features/remote_timeline/components/pinned_hosts_picker.js
+++ b/app/soapbox/features/remote_timeline/components/pinned_hosts_picker.js
@@ -16,7 +16,7 @@ const mapStateToProps = state => {
};
};
-class PinnedHostPicker extends React.PureComponent {
+class PinnedHostsPicker extends React.PureComponent {
static contextTypes = {
router: PropTypes.object,
@@ -34,18 +34,16 @@ class PinnedHostPicker extends React.PureComponent {
if (!pinnedHosts || pinnedHosts.isEmpty()) return null;
return (
-
-
- {pinnedHosts.map(host => (
-
- {host}
-
- ))}
-
+
+ {pinnedHosts.map(host => (
+
+ {host}
+
+ ))}
);
}
}
-export default connect(mapStateToProps)(PinnedHostPicker);
+export default connect(mapStateToProps)(PinnedHostsPicker);
diff --git a/app/styles/components/accordion.scss b/app/styles/components/accordion.scss
index ccc9471f1..2bb5a5fc3 100644
--- a/app/styles/components/accordion.scss
+++ b/app/styles/components/accordion.scss
@@ -1,5 +1,5 @@
.explanation-box {
- margin: 5px 20px;
+ padding: 5px 20px;
}
.accordion {
diff --git a/app/styles/components/columns.scss b/app/styles/components/columns.scss
index 726f9f40b..98eae8717 100644
--- a/app/styles/components/columns.scss
+++ b/app/styles/components/columns.scss
@@ -902,3 +902,7 @@
border-top-right-radius: 0;
}
}
+
+.column .explanation-box {
+ background: var(--foreground-color);
+}