diff --git a/client/src/app/+about/about-instance/about-instance.component.html b/client/src/app/+about/about-instance/about-instance.component.html
index c6247c4ae..80acfcce0 100644
--- a/client/src/app/+about/about-instance/about-instance.component.html
+++ b/client/src/app/+about/about-instance/about-instance.component.html
@@ -7,26 +7,16 @@
Contact administrator
+
+ {{ category }}
+
+ {{ language }}
+
+
{{ shortDescription }}
This instance is dedicated to sensitive/NSFW content.
-
-
-
Main instance languages
-
-
-
-
-
-
Main instance categories
-
-
-
diff --git a/client/src/app/+about/about-instance/about-instance.component.scss b/client/src/app/+about/about-instance/about-instance.component.scss
index d71cfffc6..909ae5c21 100644
--- a/client/src/app/+about/about-instance/about-instance.component.scss
+++ b/client/src/app/+about/about-instance/about-instance.component.scss
@@ -7,7 +7,6 @@
.title {
font-size: 20px;
- margin-bottom: 15px;
font-weight: $font-semibold;
}
@@ -19,6 +18,20 @@
}
}
+.instance-badges {
+ font-size: 16px;
+
+ .badge {
+ font-size: 12px;
+ font-weight: $font-semibold;
+ margin-right: 5px;
+
+ &.category {
+ background-color: var(--mainColor);
+ }
+ }
+}
+
.section-title {
font-weight: $font-semibold;
font-size: 16px;