diff --git a/src/assets/design-tokens.scss b/src/assets/design-tokens.scss
index 35520ec2a..f5bc1fbaf 100644
--- a/src/assets/design-tokens.scss
+++ b/src/assets/design-tokens.scss
@@ -52,8 +52,8 @@
   --outline-offset: 3px;
 
   // new categories colours
-  --new-color-category-website: hsl(212deg 71% 80%);
-  --new-color-category-smoelenboek: hsl(212deg 71% 89%);
+  --new-color-category-website: hsl(210deg 57% 69%);
+  --new-color-category-smoelenboek: hsl(210deg 69% 79%);
   --new-color-category-kennisartikel: hsl(0deg 0% 99%);
   --new-color-category-vac: hsl(213deg 73% 94%);
 }
diff --git a/src/assets/main.scss b/src/assets/main.scss
index db8003e2f..a73a8d728 100644
--- a/src/assets/main.scss
+++ b/src/assets/main.scss
@@ -207,7 +207,7 @@ menu {
   background-color: var(--new-color-category-website);
 }
 
-.category-Vac {
+.category-VAC {
   background-color: var(--new-color-category-vac);
 }
 
diff --git a/src/features/search/VacDetail.vue b/src/features/search/VacDetail.vue
index e2d813794..f40afcdad 100644
--- a/src/features/search/VacDetail.vue
+++ b/src/features/search/VacDetail.vue
@@ -19,8 +19,8 @@
   <content-feedback
     v-if="antwoordSection"
     :name="antwoordSection.label"
-    :url="antwoordSection"
-    :current-section="idThing"
+    :url="unknownURL"
+    :current-section="CurrentAntwoordFeedbackSection"
   />
 </template>
 <script setup lang="ts">
@@ -41,11 +41,12 @@ const props = defineProps<{
   headingLevel: 2 | 3 | 4;
 }>();
 
-const idThing: CurrentFeedbackSection = {
+const CurrentAntwoordFeedbackSection: CurrentFeedbackSection = {
   label: props.title,
   id: props.headingLevel.toString(),
 }
 
+const unknownURL = "onbekend";
 
 const getSection = (
   sectionName: string,