diff --git a/containers/libreportal/frontend/core/theme/css/base.css b/containers/libreportal/frontend/core/theme/css/base.css
index 18d0ca5..4228923 100755
--- a/containers/libreportal/frontend/core/theme/css/base.css
+++ b/containers/libreportal/frontend/core/theme/css/base.css
@@ -3403,9 +3403,16 @@ html[data-theme="nebula"]::after {
 }
 
 .task-type-icon {
+  /* Framed tile matching .task-app-icon so the type glyph and the app/logo icon
+     read as a matched pair. Spacing comes from .task-info's gap, like the app
+     icon, so drop the old per-side margins. */
+  width: 32px;
+  height: 32px;
+  border-radius: 8px;
+  border: 1px solid var(--border);
+  background: var(--surface-elevated);
+  flex: 0 0 auto;
   font-size: 16px;
-  margin-left: 6px;
-  margin-right: 6px;
   display: flex;
   align-items: center;
   justify-content: center;