diff --git a/static/css/styles.css b/static/css/styles.css
index dc989db7..9279a3bd 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -1277,6 +1277,10 @@ input[type=file] {
   width: 1.5rem;
 }
 
+.w-\[40px\] {
+  width: 40px;
+}
+
 .w-4 {
   width: 1rem;
 }
@@ -1289,6 +1293,10 @@ input[type=file] {
   width: 20%;
 }
 
+.w-\[80px\] {
+  width: 80px;
+}
+
 .w-1 {
   width: 0.25rem;
 }
@@ -1297,12 +1305,8 @@ input[type=file] {
   width: 200px;
 }
 
-.w-\[100px\] {
-  width: 100px;
-}
-
-.w-\[80px\] {
-  width: 80px;
+.w-\[47px\] {
+  width: 47px;
 }
 
 .min-w-0 {
@@ -2019,16 +2023,6 @@ input[type=file] {
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
-.text-gray-900 {
-  --tw-text-opacity: 1;
-  color: rgb(17 24 39 / var(--tw-text-opacity));
-}
-
-.text-gray-500 {
-  --tw-text-opacity: 1;
-  color: rgb(107 114 128 / var(--tw-text-opacity));
-}
-
 .text-orange {
   --tw-text-opacity: 1;
   color: rgb(255 159 0 / var(--tw-text-opacity));
@@ -2048,11 +2042,6 @@ input[type=file] {
   color: rgb(49 74 87 / var(--tw-text-opacity));
 }
 
-.text-gray-400 {
-  --tw-text-opacity: 1;
-  color: rgb(156 163 175 / var(--tw-text-opacity));
-}
-
 .text-gray-700 {
   --tw-text-opacity: 1;
   color: rgb(55 65 81 / var(--tw-text-opacity));
@@ -2082,6 +2071,11 @@ input[type=file] {
   color: rgb(255 255 255 / 0.6);
 }
 
+.text-gray-500 {
+  --tw-text-opacity: 1;
+  color: rgb(107 114 128 / var(--tw-text-opacity));
+}
+
 .text-gray-200 {
   --tw-text-opacity: 1;
   color: rgb(229 231 235 / var(--tw-text-opacity));
@@ -2158,11 +2152,6 @@ input[type=file] {
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
-.hover\:text-gray-900:hover {
-  --tw-text-opacity: 1;
-  color: rgb(17 24 39 / var(--tw-text-opacity));
-}
-
 .focus\:text-charcoal:focus {
   --tw-text-opacity: 1;
   color: rgb(23 42 52 / var(--tw-text-opacity));
diff --git a/templates/libraries/_library_list_item.html b/templates/libraries/_library_list_item.html
index 9d713b01..d660db2e 100644
--- a/templates/libraries/_library_list_item.html
+++ b/templates/libraries/_library_list_item.html
@@ -20,10 +20,12 @@
   </div>
   <div class="md:w-1/4 mb-4 text-sm">
     <div class="my-5 flex">
-      <div class="md:mr-5 w-1/3">Author(s):</div>
+      <div class="md:mr-5 w-1/4">Author(s):</div>
       <div class="space-y-3">
         {% for author in library.authors.all %}
-          <div><img src="{% static 'img/fpo/user.png' %}" alt="user" class="inline" /> {{ author.get_full_name }}</div>
+          <div>
+            <img src="{{ author.image.url }}" alt="user" class="inline w-[47px] rounded mr-2" /> {{ author.get_full_name }}
+          </div>
         {% endfor %}
       </div>
     </div>