diff --git a/ui/src/components/access/AccessForm.tsx b/ui/src/components/access/AccessForm.tsx
index 0b37526bb..925bace36 100644
--- a/ui/src/components/access/AccessForm.tsx
+++ b/ui/src/components/access/AccessForm.tsx
@@ -135,6 +135,8 @@ const AccessForm = forwardRef<AccessFormInstance, AccessFormProps>(({ className,
         return (record: AccessProvider) => record.usages.includes(ACCESS_USAGES.CA);
       case "notification":
         return (record: AccessProvider) => record.usages.includes(ACCESS_USAGES.NOTIFICATION);
+      default:
+        console.warn(`[certimate] unsupported provider usage: '${usage}'`);
     }
 
     return undefined;
diff --git a/ui/src/components/workflow/WorkflowElement.tsx b/ui/src/components/workflow/WorkflowElement.tsx
index 67df8974e..eefcb7779 100644
--- a/ui/src/components/workflow/WorkflowElement.tsx
+++ b/ui/src/components/workflow/WorkflowElement.tsx
@@ -60,7 +60,7 @@ const WorkflowElement = ({ node, disabled, branchId, branchIndex }: WorkflowElem
         return <EndNode />;
 
       default:
-        console.warn(`[certimate] unsupported workflow node type: ${node.type}`);
+        console.warn(`[certimate] unsupported workflow node type: '${node.type}'`);
         return <UnknownNode node={node} />;
     }
   }, [node, disabled, branchId, branchIndex]);
diff --git a/ui/src/global.css b/ui/src/global.css
index 1a7b2b175..0cf2aee9c 100644
--- a/ui/src/global.css
+++ b/ui/src/global.css
@@ -7,6 +7,8 @@
 @import "antd/dist/reset.css";
 
 @custom-variant dark (&:where(.dark, .dark *));
+@source inline("gap-{0,{1..96}}");
+@source inline("grid-cols-{0,{1..12}}");
 
 @theme {
   --color-background: var(---twColorBackground);
diff --git a/ui/src/pages/accesses/AccessNew.tsx b/ui/src/pages/accesses/AccessNew.tsx
index fc036a63a..79440eed0 100644
--- a/ui/src/pages/accesses/AccessNew.tsx
+++ b/ui/src/pages/accesses/AccessNew.tsx
@@ -41,9 +41,11 @@ const AccessNew = () => {
         return (record: AccessProvider) => record.usages.includes(ACCESS_USAGES.CA);
       case "notification":
         return (record: AccessProvider) => record.usages.includes(ACCESS_USAGES.NOTIFICATION);
+      default:
+        console.warn(`[certimate] unsupported provider usage: '${providerUsage}'`);
     }
 
-    return undefined;
+    return () => false;
   }, [providerUsage]);
 
   const handleProviderPick = (value: string) => {
diff --git a/ui/vite.config.ts b/ui/vite.config.ts
index 74a3cd296..2ea3a34e0 100644
--- a/ui/vite.config.ts
+++ b/ui/vite.config.ts
@@ -44,7 +44,7 @@ export default defineConfig(({ mode }) => {
       })?.toString();
     } catch (error) {
       const err = error as SpawnSyncReturns<Buffer>;
-      console.warn("[Warn] failed to get version number through git", err?.stderr?.toString());
+      console.warn("failed to get version number through git", err?.stderr?.toString());
     }
   }