🎨

src/client/pages/emojis.category.vue

@@ -108,12 +108,12 @@ export default defineComponent({
 				margin: 8px 8px 0 0;
 				padding: 4px 8px;
 				font-size: 0.9em;
-				background: var(--panel);
-				border: solid 0.5px var(--divider);
+				background: var(--accentedBg);
 				border-radius: 5px;
 
 				&.active {
-					border-color: var(--accent);
+					background: var(--accent);
+					color: var(--fgOnAccent);
 				}
 			}
 		}

src/client/pages/emojis.vue

@@ -1,5 +1,7 @@
 <template>
-<XCategory v-if="tab === 'category'"/>
+<div :class="$style.root">
+	<XCategory v-if="tab === 'category'"/>
+</div>
 </template>
 
 <script lang="ts">
@@ -26,5 +28,9 @@ export default defineComponent({
 });
 </script>
 
-<style lang="scss" scoped>
+<style lang="scss" module>
+.root {
+	max-width: 1000px;
+	margin: 0 auto;
+}
 </style>