diff --git a/__snapshots__/repo-summary-card.test.js.snap b/__snapshots__/repo-summary-card.test.js.snap
index f55de3a..96c1238 100644
--- a/__snapshots__/repo-summary-card.test.js.snap
+++ b/__snapshots__/repo-summary-card.test.js.snap
@@ -16,7 +16,7 @@ exports[`Repo/Summary/Card Long Details smoke-test 1`] = `
     <ul class="reposummarycard inline svelte-18klqbq">
       <li class="inline svelte-18klqbq">
         <div class="inline-block">
-          <div class="text-xs inline-block align-middle">
+          <div class="text-xs align-middle">
             <div class="avatar inline-block align-middle">
               <div class="rounded inline-block h-3.5 w-3.5">
                 <img class="my-0"
@@ -52,7 +52,7 @@ exports[`Repo/Summary/Card Long and No Spaces smoke-test 1`] = `
     <ul class="reposummarycard inline svelte-18klqbq">
       <li class="inline svelte-18klqbq">
         <div class="inline-block">
-          <div class="text-xs inline-block align-middle">
+          <div class="text-xs align-middle">
             <div class="avatar inline-block align-middle">
               <div class="rounded inline-block h-3.5 w-3.5">
                 <img class="my-0"
@@ -88,7 +88,7 @@ exports[`Repo/Summary/Card Multiple Maintainers smoke-test 1`] = `
     <ul class="reposummarycard inline svelte-18klqbq">
       <li class="inline svelte-18klqbq">
         <div class="inline-block">
-          <div class="text-xs inline-block align-middle">
+          <div class="text-xs align-middle">
             <div class="avatar inline-block align-middle">
               <div class="rounded inline-block h-3.5 w-3.5">
                 <img class="my-0"
@@ -105,7 +105,7 @@ exports[`Repo/Summary/Card Multiple Maintainers smoke-test 1`] = `
       </li>
       <li class="inline svelte-18klqbq">
         <div class="inline-block">
-          <div class="text-xs inline-block align-middle">
+          <div class="text-xs align-middle">
             <div class="avatar inline-block align-middle">
               <div class="rounded inline-block h-3.5 w-3.5">
                 <img class="my-0"
@@ -122,7 +122,7 @@ exports[`Repo/Summary/Card Multiple Maintainers smoke-test 1`] = `
       </li>
       <li class="inline svelte-18klqbq">
         <div class="inline-block">
-          <div class="text-xs inline-block align-middle">
+          <div class="text-xs align-middle">
             <div class="avatar inline-block align-middle">
               <div class="rounded inline-block h-3.5 w-3.5">
                 <img class="my-0"
@@ -155,7 +155,7 @@ exports[`Repo/Summary/Card No Details smoke-test 1`] = `
     <ul class="reposummarycard inline svelte-18klqbq">
       <li class="inline svelte-18klqbq">
         <div class="inline-block">
-          <div class="text-xs inline-block align-middle">
+          <div class="text-xs align-middle">
             <div class="avatar inline-block align-middle">
               <div class="rounded inline-block h-3.5 w-3.5 skeleton">
               </div>
@@ -188,7 +188,7 @@ exports[`Repo/Summary/Card Short Details smoke-test 1`] = `
     <ul class="reposummarycard inline svelte-18klqbq">
       <li class="inline svelte-18klqbq">
         <div class="inline-block">
-          <div class="text-xs inline-block align-middle">
+          <div class="text-xs align-middle">
             <div class="avatar inline-block align-middle">
               <div class="rounded inline-block h-3.5 w-3.5">
                 <img class="my-0"
diff --git a/__snapshots__/repo-summary-list--default.png b/__snapshots__/repo-summary-list--default.png
index efceae1..431422e 100644
Binary files a/__snapshots__/repo-summary-list--default.png and b/__snapshots__/repo-summary-list--default.png differ
diff --git a/__snapshots__/repo-summary-list--multiple-maintainers.png b/__snapshots__/repo-summary-list--multiple-maintainers.png
index 456a8d8..3660e67 100644
Binary files a/__snapshots__/repo-summary-list--multiple-maintainers.png and b/__snapshots__/repo-summary-list--multiple-maintainers.png differ
diff --git a/__snapshots__/repo-summary-list--no-title.png b/__snapshots__/repo-summary-list--no-title.png
index 17dad34..d0c2450 100644
Binary files a/__snapshots__/repo-summary-list--no-title.png and b/__snapshots__/repo-summary-list--no-title.png differ
diff --git a/__snapshots__/repo-summary-list--partially-loaded.png b/__snapshots__/repo-summary-list--partially-loaded.png
index ddcf9c1..bd08037 100644
Binary files a/__snapshots__/repo-summary-list--partially-loaded.png and b/__snapshots__/repo-summary-list--partially-loaded.png differ
diff --git a/__snapshots__/repo-summary-list.test.js.snap b/__snapshots__/repo-summary-list.test.js.snap
index 623117c..6999359 100644
--- a/__snapshots__/repo-summary-list.test.js.snap
+++ b/__snapshots__/repo-summary-list.test.js.snap
@@ -23,7 +23,7 @@ exports[`Repo/Summary/List Default smoke-test 1`] = `
         <ul class="reposummarycard inline svelte-18klqbq">
           <li class="inline svelte-18klqbq">
             <div class="inline-block">
-              <div class="text-xs inline-block align-middle">
+              <div class="text-xs align-middle">
                 <div class="avatar inline-block align-middle">
                   <div class="rounded inline-block h-3.5 w-3.5">
                     <img class="my-0"
@@ -56,7 +56,7 @@ exports[`Repo/Summary/List Default smoke-test 1`] = `
         <ul class="reposummarycard inline svelte-18klqbq">
           <li class="inline svelte-18klqbq">
             <div class="inline-block">
-              <div class="text-xs inline-block align-middle">
+              <div class="text-xs align-middle">
                 <div class="avatar inline-block align-middle">
                   <div class="rounded inline-block h-3.5 w-3.5">
                     <img class="my-0"
@@ -89,7 +89,7 @@ exports[`Repo/Summary/List Default smoke-test 1`] = `
         <ul class="reposummarycard inline svelte-18klqbq">
           <li class="inline svelte-18klqbq">
             <div class="inline-block">
-              <div class="text-xs inline-block align-middle">
+              <div class="text-xs align-middle">
                 <div class="avatar inline-block align-middle">
                   <div class="rounded inline-block h-3.5 w-3.5">
                     <img class="my-0"
@@ -122,7 +122,7 @@ exports[`Repo/Summary/List Default smoke-test 1`] = `
         <ul class="reposummarycard inline svelte-18klqbq">
           <li class="inline svelte-18klqbq">
             <div class="inline-block">
-              <div class="text-xs inline-block align-middle">
+              <div class="text-xs align-middle">
                 <div class="avatar inline-block align-middle">
                   <div class="rounded inline-block h-3.5 w-3.5">
                     <img class="my-0"
@@ -139,7 +139,7 @@ exports[`Repo/Summary/List Default smoke-test 1`] = `
           </li>
           <li class="inline svelte-18klqbq">
             <div class="inline-block">
-              <div class="text-xs inline-block align-middle">
+              <div class="text-xs align-middle">
                 <div class="avatar inline-block align-middle">
                   <div class="rounded inline-block h-3.5 w-3.5">
                     <img class="my-0"
@@ -156,7 +156,7 @@ exports[`Repo/Summary/List Default smoke-test 1`] = `
           </li>
           <li class="inline svelte-18klqbq">
             <div class="inline-block">
-              <div class="text-xs inline-block align-middle">
+              <div class="text-xs align-middle">
                 <div class="avatar inline-block align-middle">
                   <div class="rounded inline-block h-3.5 w-3.5">
                     <img class="my-0"
@@ -250,7 +250,7 @@ exports[`Repo/Summary/List Multiple Maintainers smoke-test 1`] = `
         <ul class="reposummarycard inline svelte-18klqbq">
           <li class="inline svelte-18klqbq">
             <div class="inline-block">
-              <div class="text-xs inline-block align-middle">
+              <div class="text-xs align-middle">
                 <div class="avatar inline-block align-middle">
                   <div class="rounded inline-block h-3.5 w-3.5">
                     <img class="my-0"
@@ -267,7 +267,7 @@ exports[`Repo/Summary/List Multiple Maintainers smoke-test 1`] = `
           </li>
           <li class="inline svelte-18klqbq">
             <div class="inline-block">
-              <div class="text-xs inline-block align-middle">
+              <div class="text-xs align-middle">
                 <div class="avatar inline-block align-middle">
                   <div class="rounded inline-block h-3.5 w-3.5">
                     <img class="my-0"
@@ -284,7 +284,7 @@ exports[`Repo/Summary/List Multiple Maintainers smoke-test 1`] = `
           </li>
           <li class="inline svelte-18klqbq">
             <div class="inline-block">
-              <div class="text-xs inline-block align-middle">
+              <div class="text-xs align-middle">
                 <div class="avatar inline-block align-middle">
                   <div class="rounded inline-block h-3.5 w-3.5">
                     <img class="my-0"
@@ -317,7 +317,7 @@ exports[`Repo/Summary/List Multiple Maintainers smoke-test 1`] = `
         <ul class="reposummarycard inline svelte-18klqbq">
           <li class="inline svelte-18klqbq">
             <div class="inline-block">
-              <div class="text-xs inline-block align-middle">
+              <div class="text-xs align-middle">
                 <div class="avatar inline-block align-middle">
                   <div class="rounded inline-block h-3.5 w-3.5">
                     <img class="my-0"
@@ -357,7 +357,7 @@ exports[`Repo/Summary/List No Title smoke-test 1`] = `
         <ul class="reposummarycard inline svelte-18klqbq">
           <li class="inline svelte-18klqbq">
             <div class="inline-block">
-              <div class="text-xs inline-block align-middle">
+              <div class="text-xs align-middle">
                 <div class="avatar inline-block align-middle">
                   <div class="rounded inline-block h-3.5 w-3.5">
                     <img class="my-0"
@@ -390,7 +390,7 @@ exports[`Repo/Summary/List No Title smoke-test 1`] = `
         <ul class="reposummarycard inline svelte-18klqbq">
           <li class="inline svelte-18klqbq">
             <div class="inline-block">
-              <div class="text-xs inline-block align-middle">
+              <div class="text-xs align-middle">
                 <div class="avatar inline-block align-middle">
                   <div class="rounded inline-block h-3.5 w-3.5">
                     <img class="my-0"
@@ -435,7 +435,7 @@ exports[`Repo/Summary/List Partially Loaded smoke-test 1`] = `
         <ul class="reposummarycard inline svelte-18klqbq">
           <li class="inline svelte-18klqbq">
             <div class="inline-block">
-              <div class="text-xs inline-block align-middle">
+              <div class="text-xs align-middle">
                 <div class="avatar inline-block align-middle">
                   <div class="rounded inline-block h-3.5 w-3.5">
                     <img class="my-0"
@@ -468,7 +468,7 @@ exports[`Repo/Summary/List Partially Loaded smoke-test 1`] = `
         <ul class="reposummarycard inline svelte-18klqbq">
           <li class="inline svelte-18klqbq">
             <div class="inline-block">
-              <div class="text-xs inline-block align-middle">
+              <div class="text-xs align-middle">
                 <div class="avatar inline-block align-middle">
                   <div class="rounded inline-block h-3.5 w-3.5">
                     <img class="my-0"
diff --git a/__snapshots__/users-header--inline-loading.png b/__snapshots__/users-header--inline-loading.png
index d14b75e..8f4f7e7 100644
Binary files a/__snapshots__/users-header--inline-loading.png and b/__snapshots__/users-header--inline-loading.png differ
diff --git a/__snapshots__/users-header.test.js.snap b/__snapshots__/users-header.test.js.snap
index 13b1ae3..7bf064a 100644
--- a/__snapshots__/users-header.test.js.snap
+++ b/__snapshots__/users-header.test.js.snap
@@ -56,7 +56,7 @@ exports[`Users/Header extra small smoke-test 1`] = `
 
 exports[`Users/Header inline extra small loading smoke-test 1`] = `
 <div class="inline-block">
-  <div class="text-xs inline-block align-middle">
+  <div class="text-xs align-middle">
     <div class="avatar inline-block align-middle">
       <div class="rounded inline-block h-3.5 w-3.5 skeleton">
       </div>
@@ -71,7 +71,7 @@ exports[`Users/Header inline extra small loading smoke-test 1`] = `
 
 exports[`Users/Header inline extra small smoke-test 1`] = `
 <div class="inline-block">
-  <div class="text-xs inline-block align-middle">
+  <div class="text-xs align-middle">
     <div class="avatar inline-block align-middle">
       <div class="rounded inline-block h-3.5 w-3.5">
         <img class="my-0"
@@ -89,7 +89,7 @@ exports[`Users/Header inline extra small smoke-test 1`] = `
 
 exports[`Users/Header inline loading smoke-test 1`] = `
 <div class="inline-block">
-  <div class="text-md inline-block align-middle">
+  <div class="text-md align-middle">
     <div class="avatar inline-block align-middle">
       <div class="rounded inline-block h-5 w-5 skeleton">
       </div>
@@ -104,7 +104,7 @@ exports[`Users/Header inline loading smoke-test 1`] = `
 
 exports[`Users/Header inline small loading smoke-test 1`] = `
 <div class="inline-block">
-  <div class="text-sm inline-block align-middle">
+  <div class="text-sm align-middle">
     <div class="avatar inline-block align-middle">
       <div class="rounded inline-block h-3.5 w-3.5 skeleton">
       </div>
@@ -119,7 +119,7 @@ exports[`Users/Header inline small loading smoke-test 1`] = `
 
 exports[`Users/Header inline small smoke-test 1`] = `
 <div class="inline-block">
-  <div class="text-sm inline-block align-middle">
+  <div class="text-sm align-middle">
     <div class="avatar inline-block align-middle">
       <div class="rounded inline-block h-3.5 w-3.5">
         <img class="my-0"
@@ -137,7 +137,7 @@ exports[`Users/Header inline small smoke-test 1`] = `
 
 exports[`Users/Header inline smoke-test 1`] = `
 <div class="inline-block">
-  <div class="text-md inline-block align-middle">
+  <div class="text-md align-middle">
     <div class="avatar inline-block align-middle">
       <div class="rounded inline-block h-5 w-5">
         <img class="my-0"
diff --git a/src/lib/components/users/UserHeader.svelte b/src/lib/components/users/UserHeader.svelte
index ba88802..88b10cb 100644
--- a/src/lib/components/users/UserHeader.svelte
+++ b/src/lib/components/users/UserHeader.svelte
@@ -20,7 +20,6 @@
     class:text-xs={size === 'xs'}
     class:text-sm={size === 'sm'}
     class:text-md={size === 'md'}
-    class:inline-block={inline}
     class:align-middle={inline}
     class:flex={!inline}
     class:items-center={!inline}