diff --git a/resources/assets/sass/app.scss b/resources/assets/sass/app.scss
index 25c375d..0304b60 100644
--- a/resources/assets/sass/app.scss
+++ b/resources/assets/sass/app.scss
@@ -15,6 +15,7 @@ $primary: #e53fb1;
 @import "components/link-card";
 @import "components/tag-input";
 @import "components/metadata-preview";
+@import "components/profile-mini";
 
 // Tag
 @import "tag/index";
diff --git a/resources/assets/sass/components/_profile-mini.scss b/resources/assets/sass/components/_profile-mini.scss
new file mode 100644
index 0000000..f2caecd
--- /dev/null
+++ b/resources/assets/sass/components/_profile-mini.scss
@@ -0,0 +1,11 @@
+.tis-profile-mini {
+    &-display-name {
+        font-size: 1.2rem;
+        font-weight: 500;
+    }
+
+    &-name {
+        margin-top: 0.125rem;
+        font-size: 0.8rem;
+    }
+}
diff --git a/resources/views/components/profile-mini.blade.php b/resources/views/components/profile-mini.blade.php
index 7f4dd97..81ab84d 100644
--- a/resources/views/components/profile-mini.blade.php
+++ b/resources/views/components/profile-mini.blade.php
@@ -1,14 +1,14 @@
 <div class="d-flex flex-row align-items-end {{ $class ?? '' }}">
     <img src="{{ $user->getProfileImageUrl(48) }}" srcset="{{ Formatter::profileImageSrcSet($user, 48) }}" class="rounded mr-2">
     <div class="d-flex flex-column overflow-hidden">
-        <h5 class="card-title text-truncate">
+        <div class="tis-profile-mini-display-name text-truncate">
             <a class="text-dark" href="{{ route('user.profile', ['name' => $user->name]) }}">{{ $user->display_name }}</a>
-        </h5>
-        <h6 class="card-subtitle">
+        </div>
+        <div class="tis-profile-mini-name">
             <a class="text-muted" href="{{ route('user.profile', ['name' => $user->name]) }}">&commat;{{ $user->name }}</a>
             @if ($user->is_protected)
                 <span class="oi oi-lock-locked text-muted"></span>
             @endif
-        </h6>
+        </div>
     </div>
 </div>