Added profile flush.

assets/components/entities/children.vue

@@ -1,10 +1,15 @@
 <template>
 	<div class="children">
-		<EntityTile
+		<div
 			v-for="child in entity.children"
 			:key="`child-${child.id}`"
-			:entity="child"
-		/>
+			class="tile-container"
+		>
+			<EntityTile
+				:entity="child"
+				@load="(event) => $emit('load', event)"
+			/>
+		</div>
 	</div>
 </template>
 
@@ -15,6 +20,7 @@ export default {
 	components: {
 		EntityTile,
 	},
+	emits: ['load'],
 	props: {
 		entity: {
 			type: Object,
@@ -33,13 +39,14 @@ export default {
 	padding: 1rem;
 	margin: 0 1rem 0 0;
 	border-bottom: solid 1px var(--darken-hint);
-	overflow-x: auto;
-	scroll-behavior: smooth;
-	scrollbar-width: none;
+
+	.tile-container {
+		display: inline-block;
+		padding: 0 1rem 0 0;
+	}
 
 	.tile {
 		width: 15rem;
-		margin: 0 1rem 0 0;
 	}
 
 	&.expanded {
@@ -52,10 +59,6 @@ export default {
 			width: 100%;
 		}
 	}
-
-	&::-webkit-scrollbar {
-		display: none;
-	}
 }
 
 @media(max-width: $breakpoint0) {