diff --git a/pages/groups/groups.pixy b/pages/groups/groups.pixy
index 6b6c8ad8..d1c49e6f 100644
--- a/pages/groups/groups.pixy
+++ b/pages/groups/groups.pixy
@@ -18,4 +18,8 @@ component Groups(groups []*arn.Group, user *arn.User)
 	.groups
 		each group in groups
 			.group
-				h3= group.Name
\ No newline at end of file
+				h3.group-name= group.Name
+				.group-tagline= group.Tagline
+				.group-member-count
+					Icon("user")
+					span= len(group.Members)
\ No newline at end of file
diff --git a/pages/groups/groups.scarlet b/pages/groups/groups.scarlet
new file mode 100644
index 00000000..ec9a5d90
--- /dev/null
+++ b/pages/groups/groups.scarlet
@@ -0,0 +1,27 @@
+.groups
+	horizontal-wrap
+	justify-content space-around
+
+.group
+	vertical
+	ui-element
+	position relative
+	width 100%
+	max-width 500px
+	padding 0.5rem 1rem
+	margin calc(content-padding / 2)
+
+.group-name
+	horizontal
+	align-items center
+
+.group-tagline
+	opacity 0.6
+
+.group-member-count
+	position absolute
+	top 0.5rem
+	right 1rem
+	text-align right
+	font-size 0.8rem
+	opacity 0.5
\ No newline at end of file