diff --git a/frontend/styles.css b/frontend/styles.css
index 3e2e6b3a..ad6f6553 100644
--- a/frontend/styles.css
+++ b/frontend/styles.css
@@ -150,6 +150,10 @@
     @apply text-sky-600;
   }
 
+  #libraryReadMe a img {
+    @apply inline;
+  }
+
   code,
   kbd,
   samp,
@@ -159,5 +163,4 @@
     @apply text-sm bg-gray-200 dark:bg-black overflow-x-scroll;
     /* 2 */
   }
-
 }
diff --git a/templates/libraries/_library_category_list_item.html b/templates/libraries/_library_category_list_item.html
index d2fd0135..4e1bc26d 100644
--- a/templates/libraries/_library_category_list_item.html
+++ b/templates/libraries/_library_category_list_item.html
@@ -3,9 +3,11 @@
     <a class="mr-1 font-bold capitalize text-sky-600 dark:text-sky-300 hover:text-orange dark:hover:text-orange"
        href="{% url 'library-detail' slug=library.slug %}">{{ library.name }}</a>
   </td>
+
   <td class="py-2 align-top w-12">
-    <span class="py-0 px-2 text-sm font-bold text-gray-600 rounded-full border dark:text-gray-300 bg-green/40 border-green/60 dark:bg-green/40"
+    <span class="flex justify-center py-0 px-1 text-sm font-bold text-gray-600 rounded-full border dark:text-gray-300 bg-green/40 border-green/60 dark:bg-green/40 tabular-nums"
           title="{% if library.cpp_standard_minimum and library.cpp_standard_minimum != 'None' %}C++ Version {{ library.cpp_standard_minimum }} or Later{% else %}C++ Version 03 or Later{% endif %}">
+          <span class="text-white dark:text-gray-800 tracking-wide scale-x-75 origin-left w-6">C++</span>
           {% if library.cpp_standard_minimum and library.cpp_standard_minimum != 'None' %}{{ library.cpp_standard_minimum }}{% else %}03{% endif %}
     </span>
   </td>
diff --git a/templates/libraries/_library_flat_list_item.html b/templates/libraries/_library_flat_list_item.html
index d2fd0135..4e1bc26d 100644
--- a/templates/libraries/_library_flat_list_item.html
+++ b/templates/libraries/_library_flat_list_item.html
@@ -3,9 +3,11 @@
     <a class="mr-1 font-bold capitalize text-sky-600 dark:text-sky-300 hover:text-orange dark:hover:text-orange"
        href="{% url 'library-detail' slug=library.slug %}">{{ library.name }}</a>
   </td>
+
   <td class="py-2 align-top w-12">
-    <span class="py-0 px-2 text-sm font-bold text-gray-600 rounded-full border dark:text-gray-300 bg-green/40 border-green/60 dark:bg-green/40"
+    <span class="flex justify-center py-0 px-1 text-sm font-bold text-gray-600 rounded-full border dark:text-gray-300 bg-green/40 border-green/60 dark:bg-green/40 tabular-nums"
           title="{% if library.cpp_standard_minimum and library.cpp_standard_minimum != 'None' %}C++ Version {{ library.cpp_standard_minimum }} or Later{% else %}C++ Version 03 or Later{% endif %}">
+          <span class="text-white dark:text-gray-800 tracking-wide scale-x-75 origin-left w-6">C++</span>
           {% if library.cpp_standard_minimum and library.cpp_standard_minimum != 'None' %}{{ library.cpp_standard_minimum }}{% else %}03{% endif %}
     </span>
   </td>
diff --git a/templates/libraries/_library_list_item.html b/templates/libraries/_library_list_item.html
index 7888705f..5f7dac28 100644
--- a/templates/libraries/_library_list_item.html
+++ b/templates/libraries/_library_list_item.html
@@ -17,14 +17,16 @@
         {% endif %}
       {% endfor %}
     </h3>
+
   </div>
   <div class="mb-3 pb-3">
     <p class="mb-3 text-gray-700 dark:text-gray-300">{{ library.description }}</p>
   </div>
   <div class="text-sm flex py-3 bottom-3 absolute w-[90%]">
-    <div class="w-1/6">
-      <span class="py-0 px-2 text-sm font-bold text-gray-600 rounded-full border dark:text-gray-300 bg-green/40 border-green/60 dark:bg-green/40"
+    <div >
+      <span class="flex justify-center py-0 px-1 text-sm font-bold text-gray-600 rounded-full border dark:text-gray-300 bg-green/40 border-green/60 dark:bg-green/40 tabular-nums"
         title="C++ Version {% if library.cpp_standard_minimum and library.cpp_standard_minimum != 'None' %}{{ library.cpp_standard_minimum }}{% else %}03{% endif %} or Later">
+        <span class="text-white dark:text-gray-800 tracking-wide scale-x-75 origin-left w-6">C++</span>
         {% if library.cpp_standard_minimum and library.cpp_standard_minimum != 'None' %}{{ library.cpp_standard_minimum }}{% else %}03{% endif %}
       </span>
     </div>
diff --git a/templates/libraries/detail.html b/templates/libraries/detail.html
index 73d5f189..47891dd2 100644
--- a/templates/libraries/detail.html
+++ b/templates/libraries/detail.html
@@ -52,6 +52,7 @@
 
                 {% if library.cpp_standard_minimum and library.cpp_standard_minimum != 'None' %}{{ library.cpp_standard_minimum }}{% else %}03{% endif %} or Later">
               {% if library.cpp_standard_minimum and library.cpp_standard_minimum != 'None' %}
+              <span class="scale-x-75 text-white dark:text-gray-800 tracking-wide origin-left w-6 inline-block">C++</span>
                 {{ library.cpp_standard_minimum }}{% else %}03{% endif %}
             </span>
             <span class="float-right">{% if object.first_boost_version %}Added in Boost
@@ -113,6 +114,7 @@
           </div>
         </div>
       </div>
+
     </section>
 
     {% if maintainers %}
@@ -229,5 +231,28 @@
     // SS: putting this in the window object, a bit hacky, to be able to access it in the light/dark switcher - probably a better way
     window.chart = new ApexCharts(document.querySelector("#chart1"), options);
     window.chart.render();
+
+    const ValidateGitImages = () => {
+      var all = document.getElementsByTagName("img");
+      for (var i = 0; i < all.length; i++) {
+        (function(index) {
+            var img = new Image();
+            img.src = all[index].getAttribute('src');
+
+            img.onerror = function() {
+                var alt = all[index].getAttribute('alt');
+                if (alt) {
+                    all[index].parentElement.insertAdjacentText('afterbegin', alt);
+                    all[index].parentElement.classList.add('text-xs');
+                }
+                all[index].remove();
+            };
+        })(i);
+    }
+    }
+
+    window.addEventListener('load', function() {
+      ValidateGitImages();
+    });
   </script>
 {% endblock %}