diff --git a/src/components/date/datemathHelp.vue b/src/components/date/datemathHelp.vue
index 6772ba01..21a0f721 100644
--- a/src/components/date/datemathHelp.vue
+++ b/src/components/date/datemathHelp.vue
@@ -114,3 +114,9 @@ import {format} from 'date-fns'
 
 const exampleDate = format(new Date(), 'yyyy-MM-dd')
 </script>
+
+<style scoped>
+.how-it-works-modal {
+	font-size: 1rem;
+}
+</style>
diff --git a/src/components/date/datepickerWithRange.vue b/src/components/date/datepickerWithRange.vue
index a118b563..5847b681 100644
--- a/src/components/date/datepickerWithRange.vue
+++ b/src/components/date/datepickerWithRange.vue
@@ -256,8 +256,4 @@ const buttonText = computed<string>(() => {
 		}
 	}
 }
-
-.how-it-works-modal {
-	font-size: 1rem;
-}
 </style>