diff --git a/src/_includes/now.liquid b/src/_includes/now.liquid
index 930a8677..11a06273 100644
--- a/src/_includes/now.liquid
+++ b/src/_includes/now.liquid
@@ -117,10 +117,10 @@ layout: main
     {% heroicon "outline" "book-open" "Books" "height=28" %}
     <div class="ml-1">Books</div>
   </h2>
-  <div class="grid grid-cols-6 gap-2 md:grid-cols-8 not-prose">
+  <div class="grid grid-cols-3 gap-2 md:grid-cols-6 not-prose">
     {% for book in books %}
       <a href="{{book.link}}" title="{{book.title | escape}}">
-        <div class="relative block" style="max-width:85px">
+        <div class="relative block" style="max-width:226px">
           <div class="absolute left-0 top-0 h-full w-full rounded-lg border border-purple-600 hover:border-purple-500 dark:border-purple-400 dark:hover:border-purple-500"></div>
           {%- capture bookImg %}{{book.cover}}{% endcapture -%}
           {%- capture bookName %}{{book.title | escape}} by {{book.author | escape}}{% endcapture -%}