diff --git a/client/src/components/ui/ItDropdownSelect.vue b/client/src/components/ui/ItDropdownSelect.vue
index 7947550d..8b663a46 100644
--- a/client/src/components/ui/ItDropdownSelect.vue
+++ b/client/src/components/ui/ItDropdownSelect.vue
@@ -54,7 +54,7 @@ const dropdownSelected = computed<DropdownSelectable>({
         <span v-if="dropdownSelected.iconName" class="mr-4">
           <component :is="dropdownSelected.iconName"></component>
         </span>
-        <span class="block h-11 truncate text-4xl">
+        <span :class="[asHeading ? 'h-11 text-4xl' : '']" class="block truncate">
           {{ typeName }} {{ dropdownSelected.name }}
           <span v-if="placeholderText && !dropdownSelected.name" class="text-gray-900">
             {{ placeholderText }}