diff --git a/containers/libreportal/frontend/css/tools.css b/containers/libreportal/frontend/css/tools.css
index c87df61..faa30f5 100644
--- a/containers/libreportal/frontend/css/tools.css
+++ b/containers/libreportal/frontend/css/tools.css
@@ -28,15 +28,25 @@
 
 .tools-list { display: flex; flex-direction: column; }
 
+/* Recessed dark pocket wrapping the tool rows — same idiom as
+   .services-rows on the Services tab and .tasks-container on the Tasks
+   tab so the three app-page tabs share one visual language. */
 .tools-rows {
   display: flex;
   flex-direction: column;
   gap: 0.6rem;
-  padding: 1rem 1.25rem 2rem;
+  padding: 16px;
+  margin: 16px;
+  background: rgba(var(--bg-rgb), 0.2);
+  border-radius: 8px;
 }
 
 .tools-cat-pane { display: none; }
 .tools-cat-pane.active { display: flex; }
+/* When the multi-category tab bar is present, the pane recedes directly
+   below it — drop the top margin so the pocket sits flush with the tabs. */
+.tools-tab-bar + .tools-cat-pane,
+.tools-tab-bar ~ .tools-cat-pane { margin-top: 0; }
 
 .tools-tab-bar {
   display: flex;