From 8429bc4703bc3695e560b0e249289532c3073cac Mon Sep 17 00:00:00 2001
From: Michaela Brydon <Michaela.Brydon@safelite.com>
Date: Thu, 25 Jan 2024 14:38:58 -0500
Subject: [PATCH] Making styling scoped

---
 .../contact-details-drawer/contact-details-drawer.vue  | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

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>