diff --git a/frontend/src/lib/components/Summary.svelte b/frontend/src/lib/components/Summary.svelte
index acdf2ae98c..53c9a8afd3 100644
--- a/frontend/src/lib/components/Summary.svelte
+++ b/frontend/src/lib/components/Summary.svelte
@@ -24,20 +24,20 @@
 
 <style lang="postcss" global>
 	.app-title {
-		@apply block text-sm w-full p-1 px-2 rounded border-0 font-semibold;
+		@apply !block !text-sm !w-full !p-1 !px-2 !rounded !border-0 !font-semibold;
 	}
 
 	.app-title:hover {
-		@apply ring-frost-100 ring-offset-0 ring-1;
+		@apply !ring-frost-100 !ring-offset-0 !ring-1;
 	}
 
 	.app-title:focus {
-		@apply ring-gray-300 ring-offset-0 ring-1;
+		@apply !ring-gray-300 !ring-offset-0 !ring-1;
 		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 	}
 
 	.dark .app-title {
-		@apply bg-gray-700 text-secondary border-gray-600;
+		@apply !text-secondary !border-gray-600;
 	}
 
 	.dark .app-title:focus {
@@ -45,9 +45,9 @@
 	}
 
 	.dark .app-title:hover {
-		@apply ring-frost-700;
+		@apply !ring-frost-700;
 	}
 	.app-title:focus + .pen-icon {
-		@apply hidden;
+		@apply !hidden;
 	}
 </style>