diff --git a/webapp/components/DateTimeRange/DateTimeRange.vue b/webapp/components/DateTimeRange/DateTimeRange.vue
index 87423e65f..8d318709a 100644
--- a/webapp/components/DateTimeRange/DateTimeRange.vue
+++ b/webapp/components/DateTimeRange/DateTimeRange.vue
@@ -1,5 +1,5 @@
 <template>
-  <ds-text class="date-range" align="left" color="soft" :size="size">
+  <ds-text class="date-time-range" align="left" color="soft" :size="size">
     <div>
       <div>
         <base-icon name="calendar" data-test="calendar" />
@@ -88,7 +88,7 @@ export default {
 </script>
 
 <style lang="scss">
-.date-range {
+.date-time-range {
   display: flex;
   align-items: center;
   gap: 2px;