diff --git a/website/static/style.css b/website/static/style.css
index 709fdcb..13f9f0b 100644
--- a/website/static/style.css
+++ b/website/static/style.css
@@ -268,7 +268,7 @@ a:hover { color: var(--accent-hover); text-decoration: underline; }
 }
 
 .col-name {
-  width: 35%;
+  width: 30%;
   overflow-wrap: anywhere;
 }
 
@@ -439,10 +439,13 @@ th[data-sort].sort-asc::after {
 }
 
 .col-cat {
-  width: 13%;
   white-space: nowrap;
 }
 
+.col-cat .tag + .tag {
+  margin-left: 0.35rem;
+}
+
 /* === Last Commit Column === */
 .col-commit {
   width: 9rem;
@@ -528,6 +531,8 @@ th[data-sort].sort-asc::after {
 /* === Responsive === */
 @media (max-width: 900px) {
   .col-commit { display: none; }
+  .tag-group { display: none; }
+  .col-name { width: 50%; }
 }
 
 @media (max-width: 640px) {
diff --git a/website/templates/index.html b/website/templates/index.html
index 4a91ecb..8569016 100644
--- a/website/templates/index.html
+++ b/website/templates/index.html
@@ -119,12 +119,15 @@
           <button class="tag" data-type="cat" data-value="{{ entry.category }}">
             {{ entry.category }}
           </button>
+          <button class="tag tag-group" data-type="group" data-value="{{ entry.group }}">
+            {{ entry.group }}
+          </button>
         </td>
         <td class="col-arrow"><span class="arrow">&rarr;</span></td>
       </tr>
       <tr class="expand-row" id="expand-{{ loop.index }}">
         <td></td>
-        <td colspan="3">
+        <td colspan="4">
           <div class="expand-content">
             {% if entry.description %}
             <div class="expand-desc">{{ entry.description | safe }}</div>
@@ -153,11 +156,6 @@
             </div>
           </div>
         </td>
-        <td class="col-cat">
-          <button class="tag" data-type="group" data-value="{{ entry.group }}">
-            {{ entry.group }}
-          </button>
-        </td>
         <td></td>
       </tr>
       {% endfor %}