diff --git a/__snapshots__/repo-summary-card--long-and-no-spaces.png b/__snapshots__/repo-summary-card--long-and-no-spaces.png
index 3259356..40d13fe 100644
Binary files a/__snapshots__/repo-summary-card--long-and-no-spaces.png and b/__snapshots__/repo-summary-card--long-and-no-spaces.png differ
diff --git a/__snapshots__/repo-summary-card--long-details.png b/__snapshots__/repo-summary-card--long-details.png
index 83775c9..7ad551c 100644
Binary files a/__snapshots__/repo-summary-card--long-details.png and b/__snapshots__/repo-summary-card--long-details.png differ
diff --git a/__snapshots__/repo-summary-card--multiple-maintainers.png b/__snapshots__/repo-summary-card--multiple-maintainers.png
index a4a1472..106966e 100644
Binary files a/__snapshots__/repo-summary-card--multiple-maintainers.png and b/__snapshots__/repo-summary-card--multiple-maintainers.png differ
diff --git a/__snapshots__/repo-summary-card--no-details.png b/__snapshots__/repo-summary-card--no-details.png
index d83dd2d..1ac975b 100644
Binary files a/__snapshots__/repo-summary-card--no-details.png and b/__snapshots__/repo-summary-card--no-details.png differ
diff --git a/__snapshots__/repo-summary-card--short-details.png b/__snapshots__/repo-summary-card--short-details.png
index 6b67f5b..40d6bd5 100644
Binary files a/__snapshots__/repo-summary-card--short-details.png and b/__snapshots__/repo-summary-card--short-details.png differ
diff --git a/__snapshots__/repo-summary-card.test.js.snap b/__snapshots__/repo-summary-card.test.js.snap
index 8b6df8e..f55de3a 100644
--- a/__snapshots__/repo-summary-card.test.js.snap
+++ b/__snapshots__/repo-summary-card.test.js.snap
@@ -4,35 +4,35 @@ exports[`Repo/Summary/Card Long Details smoke-test 1`] = `
 <div class="my-2 rounded-lg bg-base-200 p-4"
      style="min-height: 3.325rem;"
 >
-  <p class="text-muted float-right break-words text-sm">
-    <span>
-    </span>
-    <div class="text-right">
-      <div class="inline-block">
-        <div class="text-sm inline-block align-middle">
-          <div class="avatar inline-block align-middle">
-            <div class="rounded inline-block h-3.5 w-3.5">
-              <img class="my-0"
-                   src="../test-profile-image.jpg"
-                   alt="Rather Long Display Name"
-              >
-            </div>
-          </div>
-          <div class="pl-0 inline-block">
-            Rather Long Display Name
-          </div>
-        </div>
-      </div>
-    </div>
-  </p>
   <a class="link-primary break-words"
      href="/repo/"
   >
     Long Name that goes on and on and on and on a...
   </a>
-  <p class="text-muted break-words text-sm">
+  <p class="text-muted break-words pb-1 text-sm">
     Lorem ipsum dolor sit amet, consectetur adipi...
   </p>
+  <div class="break-words text-right text-xs text-slate-400">
+    <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="avatar inline-block align-middle">
+              <div class="rounded inline-block h-3.5 w-3.5">
+                <img class="my-0"
+                     src="../test-profile-image.jpg"
+                     alt="Rather Long Display Name"
+                >
+              </div>
+            </div>
+            <div class="pl-0 inline-block">
+              Rather Long Display Name
+            </div>
+          </div>
+        </div>
+      </li>
+    </ul>
+  </div>
 </div>
 `;
 
@@ -40,35 +40,35 @@ exports[`Repo/Summary/Card Long and No Spaces smoke-test 1`] = `
 <div class="my-2 rounded-lg bg-base-200 p-4"
      style="min-height: 3.325rem;"
 >
-  <p class="text-muted float-right break-words text-sm">
-    <span>
-    </span>
-    <div class="text-right">
-      <div class="inline-block">
-        <div class="text-sm inline-block align-middle">
-          <div class="avatar inline-block align-middle">
-            <div class="rounded inline-block h-3.5 w-3.5">
-              <img class="my-0"
-                   src="../test-profile-image.jpg"
-                   alt="DanConwayDev"
-              >
-            </div>
-          </div>
-          <div class="pl-0 inline-block">
-            DanConwayDev
-          </div>
-        </div>
-      </div>
-    </div>
-  </p>
   <a class="link-primary break-words"
      href="/repo/"
   >
     LongNameLongNameLongNameLongNameLongNameLongN...
   </a>
-  <p class="text-muted break-words text-sm">
+  <p class="text-muted break-words pb-1 text-sm">
     LoremipsumLoremipsumLoremipsumLoremipsumLorem...
   </p>
+  <div class="break-words text-right text-xs text-slate-400">
+    <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="avatar inline-block align-middle">
+              <div class="rounded inline-block h-3.5 w-3.5">
+                <img class="my-0"
+                     src="../test-profile-image.jpg"
+                     alt="DanConwayDev"
+                >
+              </div>
+            </div>
+            <div class="pl-0 inline-block">
+              DanConwayDev
+            </div>
+          </div>
+        </div>
+      </li>
+    </ul>
+  </div>
 </div>
 `;
 
@@ -76,69 +76,69 @@ exports[`Repo/Summary/Card Multiple Maintainers smoke-test 1`] = `
 <div class="my-2 rounded-lg bg-base-200 p-4"
      style="min-height: 5.975rem;"
 >
-  <p class="text-muted float-right break-words text-sm">
-    <span>
-    </span>
-    <div class="text-right">
-      <div class="inline-block">
-        <div class="text-sm inline-block align-middle">
-          <div class="avatar inline-block align-middle">
-            <div class="rounded inline-block h-3.5 w-3.5">
-              <img class="my-0"
-                   src="../test-profile-image.jpg"
-                   alt="Will"
-              >
+  <a class="link-primary break-words"
+     href="/repo/"
+  >
+    Short Name
+  </a>
+  <p class="text-muted break-words pb-1 text-sm">
+    short description
+  </p>
+  <div class="break-words text-right text-xs text-slate-400">
+    <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="avatar inline-block align-middle">
+              <div class="rounded inline-block h-3.5 w-3.5">
+                <img class="my-0"
+                     src="../test-profile-image.jpg"
+                     alt="Will"
+                >
+              </div>
+            </div>
+            <div class="pl-0 inline-block">
+              Will
             </div>
-          </div>
-          <div class="pl-0 inline-block">
-            Will
           </div>
         </div>
-      </div>
-    </div>
-    <div class="text-right">
-      <div class="inline-block">
-        <div class="text-sm inline-block align-middle">
-          <div class="avatar inline-block align-middle">
-            <div class="rounded inline-block h-3.5 w-3.5">
-              <img class="my-0"
-                   src="../test-profile-image.jpg"
-                   alt="DanConwayDev"
-              >
+      </li>
+      <li class="inline svelte-18klqbq">
+        <div class="inline-block">
+          <div class="text-xs inline-block align-middle">
+            <div class="avatar inline-block align-middle">
+              <div class="rounded inline-block h-3.5 w-3.5">
+                <img class="my-0"
+                     src="../test-profile-image.jpg"
+                     alt="DanConwayDev"
+                >
+              </div>
+            </div>
+            <div class="pl-0 inline-block">
+              DanConwayDev
             </div>
-          </div>
-          <div class="pl-0 inline-block">
-            DanConwayDev
           </div>
         </div>
-      </div>
-    </div>
-    <div class="text-right">
-      <div class="inline-block">
-        <div class="text-sm inline-block align-middle">
-          <div class="avatar inline-block align-middle">
-            <div class="rounded inline-block h-3.5 w-3.5">
-              <img class="my-0"
-                   src="../test-profile-image.jpg"
-                   alt="sectore"
-              >
+      </li>
+      <li class="inline svelte-18klqbq">
+        <div class="inline-block">
+          <div class="text-xs inline-block align-middle">
+            <div class="avatar inline-block align-middle">
+              <div class="rounded inline-block h-3.5 w-3.5">
+                <img class="my-0"
+                     src="../test-profile-image.jpg"
+                     alt="sectore"
+                >
+              </div>
+            </div>
+            <div class="pl-0 inline-block">
+              sectore
             </div>
-          </div>
-          <div class="pl-0 inline-block">
-            sectore
           </div>
         </div>
-      </div>
-    </div>
-  </p>
-  <a class="link-primary break-words"
-     href="/repo/"
-  >
-    Short Name
-  </a>
-  <p class="text-muted break-words text-sm">
-    short description
-  </p>
+      </li>
+    </ul>
+  </div>
 </div>
 `;
 
@@ -146,31 +146,29 @@ exports[`Repo/Summary/Card No Details smoke-test 1`] = `
 <div class="my-2 rounded-lg bg-base-200 p-4"
      style="min-height: 3.325rem;"
 >
-  <p class="text-muted float-right break-words text-sm">
-    <span>
-    </span>
-    <div class="text-right">
-      <div class="inline-block">
-        <div class="text-sm inline-block align-middle">
-          <div class="avatar inline-block align-middle">
-            <div class="rounded inline-block h-3.5 w-3.5 skeleton">
-            </div>
-          </div>
-          <div class="pl-0 inline-block">
-            <div class="skeleton w-24 h-3">
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </p>
   <a class="link-primary break-words"
      href="/repo/"
   >
     Untitled
   </a>
-  <p class="text-muted break-words text-sm">
-  </p>
+  <div class="break-words text-right text-xs text-slate-400">
+    <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="avatar inline-block align-middle">
+              <div class="rounded inline-block h-3.5 w-3.5 skeleton">
+              </div>
+            </div>
+            <div class="pl-0 inline-block">
+              <div class="skeleton w-24 h-2.5">
+              </div>
+            </div>
+          </div>
+        </div>
+      </li>
+    </ul>
+  </div>
 </div>
 `;
 
@@ -178,35 +176,35 @@ exports[`Repo/Summary/Card Short Details smoke-test 1`] = `
 <div class="my-2 rounded-lg bg-base-200 p-4"
      style="min-height: 3.325rem;"
 >
-  <p class="text-muted float-right break-words text-sm">
-    <span>
-    </span>
-    <div class="text-right">
-      <div class="inline-block">
-        <div class="text-sm inline-block align-middle">
-          <div class="avatar inline-block align-middle">
-            <div class="rounded inline-block h-3.5 w-3.5">
-              <img class="my-0"
-                   src="../test-profile-image.jpg"
-                   alt="Will"
-              >
-            </div>
-          </div>
-          <div class="pl-0 inline-block">
-            Will
-          </div>
-        </div>
-      </div>
-    </div>
-  </p>
   <a class="link-primary break-words"
      href="/repo/"
   >
     Short Name
   </a>
-  <p class="text-muted break-words text-sm">
+  <p class="text-muted break-words pb-1 text-sm">
     short description
   </p>
+  <div class="break-words text-right text-xs text-slate-400">
+    <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="avatar inline-block align-middle">
+              <div class="rounded inline-block h-3.5 w-3.5">
+                <img class="my-0"
+                     src="../test-profile-image.jpg"
+                     alt="Will"
+                >
+              </div>
+            </div>
+            <div class="pl-0 inline-block">
+              Will
+            </div>
+          </div>
+        </div>
+      </li>
+    </ul>
+  </div>
 </div>
 `;
 
diff --git a/__snapshots__/repo-summary-list--default.png b/__snapshots__/repo-summary-list--default.png
index 117082d..efceae1 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 93e8c84..456a8d8 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 5af19de..17dad34 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 1ac9289..ddcf9c1 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 413a31e..623117c 100644
--- a/__snapshots__/repo-summary-list.test.js.snap
+++ b/__snapshots__/repo-summary-list.test.js.snap
@@ -11,168 +11,168 @@ exports[`Repo/Summary/List Default smoke-test 1`] = `
     <div class="my-2 rounded-lg bg-base-200 p-4"
          style="min-height: 3.325rem;"
     >
-      <p class="text-muted float-right break-words text-sm">
-        <span>
-        </span>
-        <div class="text-right">
-          <div class="inline-block">
-            <div class="text-sm inline-block align-middle">
-              <div class="avatar inline-block align-middle">
-                <div class="rounded inline-block h-3.5 w-3.5">
-                  <img class="my-0"
-                       src="../test-profile-image.jpg"
-                       alt="Will"
-                  >
-                </div>
-              </div>
-              <div class="pl-0 inline-block">
-                Will
-              </div>
-            </div>
-          </div>
-        </div>
-      </p>
       <a class="link-primary break-words"
          href="/repo/"
       >
         Short Name
       </a>
-      <p class="text-muted break-words text-sm">
+      <p class="text-muted break-words pb-1 text-sm">
         short description
       </p>
+      <div class="break-words text-right text-xs text-slate-400">
+        <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="avatar inline-block align-middle">
+                  <div class="rounded inline-block h-3.5 w-3.5">
+                    <img class="my-0"
+                         src="../test-profile-image.jpg"
+                         alt="Will"
+                    >
+                  </div>
+                </div>
+                <div class="pl-0 inline-block">
+                  Will
+                </div>
+              </div>
+            </div>
+          </li>
+        </ul>
+      </div>
     </div>
     <div class="my-2 rounded-lg bg-base-200 p-4"
          style="min-height: 3.325rem;"
     >
-      <p class="text-muted float-right break-words text-sm">
-        <span>
-        </span>
-        <div class="text-right">
-          <div class="inline-block">
-            <div class="text-sm inline-block align-middle">
-              <div class="avatar inline-block align-middle">
-                <div class="rounded inline-block h-3.5 w-3.5">
-                  <img class="my-0"
-                       src="../test-profile-image.jpg"
-                       alt="Rather Long Display Name"
-                  >
-                </div>
-              </div>
-              <div class="pl-0 inline-block">
-                Rather Long Display Name
-              </div>
-            </div>
-          </div>
-        </div>
-      </p>
       <a class="link-primary break-words"
          href="/repo/"
       >
         Long Name that goes on and on and on and on a...
       </a>
-      <p class="text-muted break-words text-sm">
+      <p class="text-muted break-words pb-1 text-sm">
         Lorem ipsum dolor sit amet, consectetur adipi...
       </p>
+      <div class="break-words text-right text-xs text-slate-400">
+        <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="avatar inline-block align-middle">
+                  <div class="rounded inline-block h-3.5 w-3.5">
+                    <img class="my-0"
+                         src="../test-profile-image.jpg"
+                         alt="Rather Long Display Name"
+                    >
+                  </div>
+                </div>
+                <div class="pl-0 inline-block">
+                  Rather Long Display Name
+                </div>
+              </div>
+            </div>
+          </li>
+        </ul>
+      </div>
     </div>
     <div class="my-2 rounded-lg bg-base-200 p-4"
          style="min-height: 3.325rem;"
     >
-      <p class="text-muted float-right break-words text-sm">
-        <span>
-        </span>
-        <div class="text-right">
-          <div class="inline-block">
-            <div class="text-sm inline-block align-middle">
-              <div class="avatar inline-block align-middle">
-                <div class="rounded inline-block h-3.5 w-3.5">
-                  <img class="my-0"
-                       src="../test-profile-image.jpg"
-                       alt="DanConwayDev"
-                  >
-                </div>
-              </div>
-              <div class="pl-0 inline-block">
-                DanConwayDev
-              </div>
-            </div>
-          </div>
-        </div>
-      </p>
       <a class="link-primary break-words"
          href="/repo/"
       >
         LongNameLongNameLongNameLongNameLongNameLongN...
       </a>
-      <p class="text-muted break-words text-sm">
+      <p class="text-muted break-words pb-1 text-sm">
         LoremipsumLoremipsumLoremipsumLoremipsumLorem...
       </p>
+      <div class="break-words text-right text-xs text-slate-400">
+        <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="avatar inline-block align-middle">
+                  <div class="rounded inline-block h-3.5 w-3.5">
+                    <img class="my-0"
+                         src="../test-profile-image.jpg"
+                         alt="DanConwayDev"
+                    >
+                  </div>
+                </div>
+                <div class="pl-0 inline-block">
+                  DanConwayDev
+                </div>
+              </div>
+            </div>
+          </li>
+        </ul>
+      </div>
     </div>
     <div class="my-2 rounded-lg bg-base-200 p-4"
          style="min-height: 5.975rem;"
     >
-      <p class="text-muted float-right break-words text-sm">
-        <span>
-        </span>
-        <div class="text-right">
-          <div class="inline-block">
-            <div class="text-sm inline-block align-middle">
-              <div class="avatar inline-block align-middle">
-                <div class="rounded inline-block h-3.5 w-3.5">
-                  <img class="my-0"
-                       src="../test-profile-image.jpg"
-                       alt="Will"
-                  >
+      <a class="link-primary break-words"
+         href="/repo/"
+      >
+        Short Name
+      </a>
+      <p class="text-muted break-words pb-1 text-sm">
+        short description
+      </p>
+      <div class="break-words text-right text-xs text-slate-400">
+        <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="avatar inline-block align-middle">
+                  <div class="rounded inline-block h-3.5 w-3.5">
+                    <img class="my-0"
+                         src="../test-profile-image.jpg"
+                         alt="Will"
+                    >
+                  </div>
+                </div>
+                <div class="pl-0 inline-block">
+                  Will
                 </div>
-              </div>
-              <div class="pl-0 inline-block">
-                Will
               </div>
             </div>
-          </div>
-        </div>
-        <div class="text-right">
-          <div class="inline-block">
-            <div class="text-sm inline-block align-middle">
-              <div class="avatar inline-block align-middle">
-                <div class="rounded inline-block h-3.5 w-3.5">
-                  <img class="my-0"
-                       src="../test-profile-image.jpg"
-                       alt="DanConwayDev"
-                  >
+          </li>
+          <li class="inline svelte-18klqbq">
+            <div class="inline-block">
+              <div class="text-xs inline-block align-middle">
+                <div class="avatar inline-block align-middle">
+                  <div class="rounded inline-block h-3.5 w-3.5">
+                    <img class="my-0"
+                         src="../test-profile-image.jpg"
+                         alt="DanConwayDev"
+                    >
+                  </div>
+                </div>
+                <div class="pl-0 inline-block">
+                  DanConwayDev
                 </div>
-              </div>
-              <div class="pl-0 inline-block">
-                DanConwayDev
               </div>
             </div>
-          </div>
-        </div>
-        <div class="text-right">
-          <div class="inline-block">
-            <div class="text-sm inline-block align-middle">
-              <div class="avatar inline-block align-middle">
-                <div class="rounded inline-block h-3.5 w-3.5">
-                  <img class="my-0"
-                       src="../test-profile-image.jpg"
-                       alt="sectore"
-                  >
+          </li>
+          <li class="inline svelte-18klqbq">
+            <div class="inline-block">
+              <div class="text-xs inline-block align-middle">
+                <div class="avatar inline-block align-middle">
+                  <div class="rounded inline-block h-3.5 w-3.5">
+                    <img class="my-0"
+                         src="../test-profile-image.jpg"
+                         alt="sectore"
+                    >
+                  </div>
+                </div>
+                <div class="pl-0 inline-block">
+                  sectore
                 </div>
-              </div>
-              <div class="pl-0 inline-block">
-                sectore
               </div>
             </div>
-          </div>
-        </div>
-      </p>
-      <a class="link-primary break-words"
-         href="/repo/"
-      >
-        Short Name
-      </a>
-      <p class="text-muted break-words text-sm">
-        short description
-      </p>
+          </li>
+        </ul>
+      </div>
     </div>
   </div>
 </div>
@@ -238,102 +238,102 @@ exports[`Repo/Summary/List Multiple Maintainers smoke-test 1`] = `
     <div class="my-2 rounded-lg bg-base-200 p-4"
          style="min-height: 5.975rem;"
     >
-      <p class="text-muted float-right break-words text-sm">
-        <span>
-        </span>
-        <div class="text-right">
-          <div class="inline-block">
-            <div class="text-sm inline-block align-middle">
-              <div class="avatar inline-block align-middle">
-                <div class="rounded inline-block h-3.5 w-3.5">
-                  <img class="my-0"
-                       src="../test-profile-image.jpg"
-                       alt="Will"
-                  >
+      <a class="link-primary break-words"
+         href="/repo/"
+      >
+        Short Name
+      </a>
+      <p class="text-muted break-words pb-1 text-sm">
+        short description
+      </p>
+      <div class="break-words text-right text-xs text-slate-400">
+        <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="avatar inline-block align-middle">
+                  <div class="rounded inline-block h-3.5 w-3.5">
+                    <img class="my-0"
+                         src="../test-profile-image.jpg"
+                         alt="Will"
+                    >
+                  </div>
+                </div>
+                <div class="pl-0 inline-block">
+                  Will
                 </div>
-              </div>
-              <div class="pl-0 inline-block">
-                Will
               </div>
             </div>
-          </div>
-        </div>
-        <div class="text-right">
-          <div class="inline-block">
-            <div class="text-sm inline-block align-middle">
-              <div class="avatar inline-block align-middle">
-                <div class="rounded inline-block h-3.5 w-3.5">
-                  <img class="my-0"
-                       src="../test-profile-image.jpg"
-                       alt="DanConwayDev"
-                  >
+          </li>
+          <li class="inline svelte-18klqbq">
+            <div class="inline-block">
+              <div class="text-xs inline-block align-middle">
+                <div class="avatar inline-block align-middle">
+                  <div class="rounded inline-block h-3.5 w-3.5">
+                    <img class="my-0"
+                         src="../test-profile-image.jpg"
+                         alt="DanConwayDev"
+                    >
+                  </div>
+                </div>
+                <div class="pl-0 inline-block">
+                  DanConwayDev
                 </div>
-              </div>
-              <div class="pl-0 inline-block">
-                DanConwayDev
               </div>
             </div>
-          </div>
-        </div>
-        <div class="text-right">
-          <div class="inline-block">
-            <div class="text-sm inline-block align-middle">
-              <div class="avatar inline-block align-middle">
-                <div class="rounded inline-block h-3.5 w-3.5">
-                  <img class="my-0"
-                       src="../test-profile-image.jpg"
-                       alt="sectore"
-                  >
+          </li>
+          <li class="inline svelte-18klqbq">
+            <div class="inline-block">
+              <div class="text-xs inline-block align-middle">
+                <div class="avatar inline-block align-middle">
+                  <div class="rounded inline-block h-3.5 w-3.5">
+                    <img class="my-0"
+                         src="../test-profile-image.jpg"
+                         alt="sectore"
+                    >
+                  </div>
+                </div>
+                <div class="pl-0 inline-block">
+                  sectore
                 </div>
-              </div>
-              <div class="pl-0 inline-block">
-                sectore
               </div>
             </div>
-          </div>
-        </div>
-      </p>
-      <a class="link-primary break-words"
-         href="/repo/"
-      >
-        Short Name
-      </a>
-      <p class="text-muted break-words text-sm">
-        short description
-      </p>
+          </li>
+        </ul>
+      </div>
     </div>
     <div class="my-2 rounded-lg bg-base-200 p-4"
          style="min-height: 3.325rem;"
     >
-      <p class="text-muted float-right break-words text-sm">
-        <span>
-        </span>
-        <div class="text-right">
-          <div class="inline-block">
-            <div class="text-sm inline-block align-middle">
-              <div class="avatar inline-block align-middle">
-                <div class="rounded inline-block h-3.5 w-3.5">
-                  <img class="my-0"
-                       src="../test-profile-image.jpg"
-                       alt="Rather Long Display Name"
-                  >
-                </div>
-              </div>
-              <div class="pl-0 inline-block">
-                Rather Long Display Name
-              </div>
-            </div>
-          </div>
-        </div>
-      </p>
       <a class="link-primary break-words"
          href="/repo/"
       >
         Long Name that goes on and on and on and on a...
       </a>
-      <p class="text-muted break-words text-sm">
+      <p class="text-muted break-words pb-1 text-sm">
         Lorem ipsum dolor sit amet, consectetur adipi...
       </p>
+      <div class="break-words text-right text-xs text-slate-400">
+        <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="avatar inline-block align-middle">
+                  <div class="rounded inline-block h-3.5 w-3.5">
+                    <img class="my-0"
+                         src="../test-profile-image.jpg"
+                         alt="Rather Long Display Name"
+                    >
+                  </div>
+                </div>
+                <div class="pl-0 inline-block">
+                  Rather Long Display Name
+                </div>
+              </div>
+            </div>
+          </li>
+        </ul>
+      </div>
     </div>
   </div>
 </div>
@@ -345,68 +345,68 @@ exports[`Repo/Summary/List No Title smoke-test 1`] = `
     <div class="my-2 rounded-lg bg-base-200 p-4"
          style="min-height: 3.325rem;"
     >
-      <p class="text-muted float-right break-words text-sm">
-        <span>
-        </span>
-        <div class="text-right">
-          <div class="inline-block">
-            <div class="text-sm inline-block align-middle">
-              <div class="avatar inline-block align-middle">
-                <div class="rounded inline-block h-3.5 w-3.5">
-                  <img class="my-0"
-                       src="../test-profile-image.jpg"
-                       alt="Will"
-                  >
-                </div>
-              </div>
-              <div class="pl-0 inline-block">
-                Will
-              </div>
-            </div>
-          </div>
-        </div>
-      </p>
       <a class="link-primary break-words"
          href="/repo/"
       >
         Short Name
       </a>
-      <p class="text-muted break-words text-sm">
+      <p class="text-muted break-words pb-1 text-sm">
         short description
       </p>
+      <div class="break-words text-right text-xs text-slate-400">
+        <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="avatar inline-block align-middle">
+                  <div class="rounded inline-block h-3.5 w-3.5">
+                    <img class="my-0"
+                         src="../test-profile-image.jpg"
+                         alt="Will"
+                    >
+                  </div>
+                </div>
+                <div class="pl-0 inline-block">
+                  Will
+                </div>
+              </div>
+            </div>
+          </li>
+        </ul>
+      </div>
     </div>
     <div class="my-2 rounded-lg bg-base-200 p-4"
          style="min-height: 3.325rem;"
     >
-      <p class="text-muted float-right break-words text-sm">
-        <span>
-        </span>
-        <div class="text-right">
-          <div class="inline-block">
-            <div class="text-sm inline-block align-middle">
-              <div class="avatar inline-block align-middle">
-                <div class="rounded inline-block h-3.5 w-3.5">
-                  <img class="my-0"
-                       src="../test-profile-image.jpg"
-                       alt="Rather Long Display Name"
-                  >
-                </div>
-              </div>
-              <div class="pl-0 inline-block">
-                Rather Long Display Name
-              </div>
-            </div>
-          </div>
-        </div>
-      </p>
       <a class="link-primary break-words"
          href="/repo/"
       >
         Long Name that goes on and on and on and on a...
       </a>
-      <p class="text-muted break-words text-sm">
+      <p class="text-muted break-words pb-1 text-sm">
         Lorem ipsum dolor sit amet, consectetur adipi...
       </p>
+      <div class="break-words text-right text-xs text-slate-400">
+        <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="avatar inline-block align-middle">
+                  <div class="rounded inline-block h-3.5 w-3.5">
+                    <img class="my-0"
+                         src="../test-profile-image.jpg"
+                         alt="Rather Long Display Name"
+                    >
+                  </div>
+                </div>
+                <div class="pl-0 inline-block">
+                  Rather Long Display Name
+                </div>
+              </div>
+            </div>
+          </li>
+        </ul>
+      </div>
     </div>
   </div>
 </div>
@@ -423,68 +423,68 @@ exports[`Repo/Summary/List Partially Loaded smoke-test 1`] = `
     <div class="my-2 rounded-lg bg-base-200 p-4"
          style="min-height: 3.325rem;"
     >
-      <p class="text-muted float-right break-words text-sm">
-        <span>
-        </span>
-        <div class="text-right">
-          <div class="inline-block">
-            <div class="text-sm inline-block align-middle">
-              <div class="avatar inline-block align-middle">
-                <div class="rounded inline-block h-3.5 w-3.5">
-                  <img class="my-0"
-                       src="../test-profile-image.jpg"
-                       alt="Will"
-                  >
-                </div>
-              </div>
-              <div class="pl-0 inline-block">
-                Will
-              </div>
-            </div>
-          </div>
-        </div>
-      </p>
       <a class="link-primary break-words"
          href="/repo/"
       >
         Short Name
       </a>
-      <p class="text-muted break-words text-sm">
+      <p class="text-muted break-words pb-1 text-sm">
         short description
       </p>
+      <div class="break-words text-right text-xs text-slate-400">
+        <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="avatar inline-block align-middle">
+                  <div class="rounded inline-block h-3.5 w-3.5">
+                    <img class="my-0"
+                         src="../test-profile-image.jpg"
+                         alt="Will"
+                    >
+                  </div>
+                </div>
+                <div class="pl-0 inline-block">
+                  Will
+                </div>
+              </div>
+            </div>
+          </li>
+        </ul>
+      </div>
     </div>
     <div class="my-2 rounded-lg bg-base-200 p-4"
          style="min-height: 3.325rem;"
     >
-      <p class="text-muted float-right break-words text-sm">
-        <span>
-        </span>
-        <div class="text-right">
-          <div class="inline-block">
-            <div class="text-sm inline-block align-middle">
-              <div class="avatar inline-block align-middle">
-                <div class="rounded inline-block h-3.5 w-3.5">
-                  <img class="my-0"
-                       src="../test-profile-image.jpg"
-                       alt="Rather Long Display Name"
-                  >
-                </div>
-              </div>
-              <div class="pl-0 inline-block">
-                Rather Long Display Name
-              </div>
-            </div>
-          </div>
-        </div>
-      </p>
       <a class="link-primary break-words"
          href="/repo/"
       >
         Long Name that goes on and on and on and on a...
       </a>
-      <p class="text-muted break-words text-sm">
+      <p class="text-muted break-words pb-1 text-sm">
         Lorem ipsum dolor sit amet, consectetur adipi...
       </p>
+      <div class="break-words text-right text-xs text-slate-400">
+        <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="avatar inline-block align-middle">
+                  <div class="rounded inline-block h-3.5 w-3.5">
+                    <img class="my-0"
+                         src="../test-profile-image.jpg"
+                         alt="Rather Long Display Name"
+                    >
+                  </div>
+                </div>
+                <div class="pl-0 inline-block">
+                  Rather Long Display Name
+                </div>
+              </div>
+            </div>
+          </li>
+        </ul>
+      </div>
     </div>
     <div class="my-2 rounded-lg bg-base-200 p-4"
          style="min-height: 3.325rem;"
diff --git a/src/lib/components/RepoSummaryCard.svelte b/src/lib/components/RepoSummaryCard.svelte
index 7e8c54d..1d51175 100644
--- a/src/lib/components/RepoSummaryCard.svelte
+++ b/src/lib/components/RepoSummaryCard.svelte
@@ -22,19 +22,35 @@
     <div class="skeleton mb-2 h-5 w-40"></div>
     <div class="w-100 skeleton h-4"></div>
   {:else}
-    <p class="text-muted float-right break-words text-sm">
-      <span></span>
-      {#each maintainers as user}
-        <div class="text-right">
-          <UserHeader {user} inline={true} size="sm" />
-        </div>
-      {/each}
-    </p>
     <a class="link-primary break-words" href="/repo/{encodeURI(repo_id)}"
       >{short_name}</a
     >
-    <p class="text-muted break-words text-sm">
-      {short_descrption}
-    </p>
+    {#if short_descrption.length > 0}
+      <p class="text-muted break-words pb-1 text-sm">
+        {short_descrption}
+      </p>
+    {/if}
+
+    <div class="break-words text-right text-xs text-slate-400">
+      <ul class="reposummarycard inline">
+        {#each maintainers as user}
+          <li class="inline">
+            <UserHeader {user} inline={true} size="xs" />
+          </li>
+        {/each}
+      </ul>
+    </div>
   {/if}
 </div>
+
+<style lang="postcss">
+  .reposummarycard li::before {
+    content: ', ';
+  }
+  .reposummarycard li:last-child::before {
+    content: ' or ';
+  }
+  .reposummarycard li:first-child::before {
+    content: '';
+  }
+</style>