diff --git a/src/layouts/tpa-submit/contact-details-drawer/contact-details-drawer.vue b/src/layouts/tpa-submit/contact-details-drawer/contact-details-drawer.vue
index 7fb5831e..2c797711 100644
--- a/src/layouts/tpa-submit/contact-details-drawer/contact-details-drawer.vue
+++ b/src/layouts/tpa-submit/contact-details-drawer/contact-details-drawer.vue
@@ -139,11 +139,13 @@ export default {
 };
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 @import "@/styles/ux-variables.scss";
 
-.contact-details-drawer .modal-title {
-    font-size: $h5-font-size;
-    font-weight: $font-weight-normal !important;
+.contact-details-drawer {
+    :deep(.modal-title) {
+        font-size: $h5-font-size;
+        font-weight: $font-weight-normal !important;
+    }
 }
 </style>