diff --git a/src/components/Discover/sidebarState.vue b/src/components/Discover/sidebarState.vue
index 1e224f5..6206f03 100644
--- a/src/components/Discover/sidebarState.vue
+++ b/src/components/Discover/sidebarState.vue
@@ -251,16 +251,16 @@ export default {
 </script>
 
 <style scoped>
-:deep .p-progressbar .p-progressbar-value {
+:deep(.p-progressbar .p-progressbar-value) {
   @apply bg-primary
 }
-:deep .p-tabview-nav-container {
+:deep(.p-tabview-nav-container) {
   @apply hidden
 }
-:deep .p-tabview-panels {
+:deep(.p-tabview-panels) {
   @apply !bg-neutral-100 p-2 rounded
 }
-:deep .p-tabview-panel {
+:deep(.p-tabview-panel) {
   @apply animate-fadein
 }
 </style>