diff --git a/app/javascript/dashboard/modules/contact/components/ContactIntro.vue b/app/javascript/dashboard/modules/contact/components/ContactIntro.vue
index 2a92f4a16..c5c304ccc 100644
--- a/app/javascript/dashboard/modules/contact/components/ContactIntro.vue
+++ b/app/javascript/dashboard/modules/contact/components/ContactIntro.vue
@@ -82,9 +82,6 @@ export default {
 </script>
 
 <style scoped lang="scss">
-@import '~dashboard/assets/scss/variables';
-@import '~dashboard/assets/scss/mixins';
-
 .contact--details {
   margin-top: var(--space-small);
 }
@@ -99,9 +96,7 @@ export default {
 }
 
 .contact--name {
-  @include text-ellipsis;
   text-transform: capitalize;
-  white-space: normal;
   font-weight: var(--font-weight-bold);
 }
 
diff --git a/app/javascript/dashboard/modules/contact/stories/ContactIntro.stories.js b/app/javascript/dashboard/modules/contact/stories/ContactIntro.stories.js
index b9e284ffa..ddaeb22e8 100644
--- a/app/javascript/dashboard/modules/contact/stories/ContactIntro.stories.js
+++ b/app/javascript/dashboard/modules/contact/stories/ContactIntro.stories.js
@@ -13,8 +13,8 @@ const Template = (args, { argTypes }) => ({
     '<contact-intro v-bind="$props" :user="user" @edit="onEdit" @message="onNewMessage" />',
 });
 
-export const DefaultNote = Template.bind({});
-DefaultNote.args = {
+export const DefaultContactIntro = Template.bind({});
+DefaultContactIntro.args = {
   contact: {
     id: 979442,
     name: 'Eden Hazard',