diff --git a/app/soapbox/features/admin/components/admin_nav.js b/app/soapbox/features/admin/components/admin_nav.js
index 7bd4f41ec..0469eb231 100644
--- a/app/soapbox/features/admin/components/admin_nav.js
+++ b/app/soapbox/features/admin/components/admin_nav.js
@@ -20,25 +20,70 @@ class AdminNav extends React.PureComponent {
const { instance } = this.props;
return (
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ >
);
}
diff --git a/app/styles/components/admin.scss b/app/styles/components/admin.scss
index 5d04d77ea..c986d52e4 100644
--- a/app/styles/components/admin.scss
+++ b/app/styles/components/admin.scss
@@ -61,9 +61,9 @@
text-transform: uppercase;
font-size: 13px;
font-weight: 700;
- color: #999;
+ color: hsla(var(--primary-text-color_hsl), 0.6);
padding-bottom: 8px;
margin-bottom: 8px;
- border-bottom: 1px solid #cfeaf3;
+ border-bottom: 1px solid var(--accent-color--med);
}
}