CSS: :deep(.q-list .q-item) { margin-bottom: 12px; }
What does that do? Your CSS is probably scoped and thus does not affect the components. Using the deep selector the preprocessor applies the rules to nested components as well.