diff --git a/app/soapbox/features/ui/components/columns_area.js b/app/soapbox/features/ui/components/columns_area.js
index cc35321b2..6a29799cc 100644
--- a/app/soapbox/features/ui/components/columns_area.js
+++ b/app/soapbox/features/ui/components/columns_area.js
@@ -24,9 +24,11 @@ class ColumnsArea extends ImmutablePureComponent {
-
- {layout.LEFT}
-
+ { layout.LEFT &&
+
+ {layout.LEFT}
+
+ }
@@ -36,9 +38,11 @@ class ColumnsArea extends ImmutablePureComponent {
-
- {layout.RIGHT}
-
+ { layout.RIGHT &&
+
+ {layout.RIGHT}
+
+ }
diff --git a/app/soapbox/features/ui/components/link_footer.js b/app/soapbox/features/ui/components/link_footer.js
index 9aba3f0dc..5ceabfe63 100644
--- a/app/soapbox/features/ui/components/link_footer.js
+++ b/app/soapbox/features/ui/components/link_footer.js
@@ -35,9 +35,9 @@ const mapDispatchToProps = (dispatch) => ({
const LinkFooter = ({ onOpenHotkeys, account, onClickLogOut }) => (
- {account && - ·
}
+ {account && }
{/* {account && - ·
} */}
- - ·
+
{/* - ·
*/}
{account && }
diff --git a/app/styles/components/getting-started.scss b/app/styles/components/getting-started.scss
index 92e37fe16..0aef52bad 100644
--- a/app/styles/components/getting-started.scss
+++ b/app/styles/components/getting-started.scss
@@ -28,6 +28,14 @@
display: inline;
}
+ ul li::after {
+ content: ' · ';
+ }
+
+ ul li:last-child::after {
+ content: '';
+ }
+
p {
color: hsla(var(--primary-text-color_hsl), 0.8);
font-size: 13px;