diff --git a/docker/ploughshares/static/css/custom.css b/docker/ploughshares/static/css/custom.css
index 00e1c2a..720ed96 100644
--- a/docker/ploughshares/static/css/custom.css
+++ b/docker/ploughshares/static/css/custom.css
@@ -64,6 +64,10 @@ body {
     box-shadow: 0 0 0 0.2rem rgba(74, 122, 171, 0.25);
 }
 
+#pending-count-btn {
+    margin-left: 5px;
+}
+
 /* Improved form labels for accessibility */
 label {
     font-weight: 500;
diff --git a/docker/ploughshares/templates/base.html b/docker/ploughshares/templates/base.html
index 4f294fc..93dd087 100644
--- a/docker/ploughshares/templates/base.html
+++ b/docker/ploughshares/templates/base.html
@@ -54,13 +54,13 @@
                                 </li>
                             <li class="nav-item">
                                 <a class="nav-link" href="{{ url_for('pending_approval') }}" aria-current="{% if request.endpoint == 'pending_approval' %}page{% endif %}">
-                                    <i class="bi bi-clock-history" aria-hidden="true"></i> Pending Approval
+                                    <i class="bi bi-clock-history" aria-hidden="true"></i> Pending
                                     <span class="badge bg-warning rounded-pill" id="pending-count"></span>
                                 </a>
                             </li>
                                 <li class="nav-item">
                                     <a class="nav-link" href="{{ url_for('api_docs') }}" aria-current="{% if request.endpoint == 'api_docs' %}page{% endif %}">
-                                        <i class="bi bi-file-earmark-text" aria-hidden="true"></i> API Documentation
+                                        <i class="bi bi-file-earmark-text" aria-hidden="true"></i> API Docs
                                     </a>
                                 </li>
                             </ul>
diff --git a/docker/ploughshares/templates/index.html b/docker/ploughshares/templates/index.html
index 21f4c80..aaead26 100644
--- a/docker/ploughshares/templates/index.html
+++ b/docker/ploughshares/templates/index.html
@@ -7,18 +7,18 @@
     <div class="card">
         <div class="card-header d-flex justify-content-between align-items-center">
             <h2>Transactions</h2>
-            <div class="d-flex gap-2">
+            <div class="d-flex gap-2 align-items-center">
                 <div class="input-group">
                     <input type="text" id="searchInput" class="form-control" placeholder="Search transactions..." aria-label="Search transactions">
                     <button class="btn btn-outline-secondary" type="button" id="searchButton" title="Search (F)">
                         <i class="bi bi-search"></i>
                     </button>
                 </div>
-                <a href="{{ url_for('pending_approval') }}" class="btn btn-warning" title="Pending Approval (P)">
-                    <i class="bi bi-clock-history"></i> <span class="d-none d-md-inline">Pending</span> <span class="badge bg-light text-dark" id="pending-count-btn"></span>
+                <a href="{{ url_for('pending_approval') }}" class="btn btn-warning d-flex" title="Pending Approval (P)">
+                    <i class="bi bi-clock-history"></i> <span class="badge bg-light text-dark" id="pending-count-btn"></span>
                 </a>
                 <a href="{{ url_for('create_transaction') }}" class="btn btn-success" title="New Transaction (N)">
-                    <i class="bi bi-plus-lg"></i> <span class="d-none d-md-inline">New Transaction</span> <span class="d-md-none">New</span> <span class="d-none d-md-inline">(N)</span>
+                    <i class="bi bi-plus-lg"></i> <span class="d-md-none">New</span>
                 </a>
             </div>
         </div>