diff --git a/frontend/src/components/DisplayModal.vue b/frontend/src/components/DisplayModal.vue
index cdba8a5e..c1acc39f 100644
--- a/frontend/src/components/DisplayModal.vue
+++ b/frontend/src/components/DisplayModal.vue
@@ -27,10 +27,6 @@ export default {
 </script>
 
 <style>
-.card-header {
-  font-weight: 700;
-}
-
 .modal-body {
   height: fit-content;
   width: fit-content;
@@ -55,3 +51,9 @@ export default {
   background-color: rgba(0, 0, 0, 0.4);
 }
 </style>
+
+<style scoped>
+:deep(.card-header) {
+  font-weight: 700;
+}
+</style>