diff --git a/apps/desktop/src/renderer/src/App.tsx b/apps/desktop/src/renderer/src/App.tsx
index 831b3e0..3efef93 100644
--- a/apps/desktop/src/renderer/src/App.tsx
+++ b/apps/desktop/src/renderer/src/App.tsx
@@ -26,6 +26,10 @@ export const App = () => {
 
   useEffect(() => dcrypt.onLocked(() => setUnlocked(false)), []);
 
+  useEffect(() => {
+    void dcrypt.vault.status().then((s) => setUnlocked(s.unlocked));
+  }, []);
+
   const lock = useCallback(async () => {
     await dcrypt.vault.lock();
     setUnlocked(false);
diff --git a/apps/desktop/src/renderer/src/components/NewItemDialog.tsx b/apps/desktop/src/renderer/src/components/NewItemDialog.tsx
index d9a246c..745cd92 100644
--- a/apps/desktop/src/renderer/src/components/NewItemDialog.tsx
+++ b/apps/desktop/src/renderer/src/components/NewItemDialog.tsx
@@ -5,6 +5,7 @@ import {
   DialogDescription,
   DialogFooter,
   DialogHeader,
+  DialogPanel,
   DialogTitle,
 } from '@constructive-io/ui/dialog';
 import { Input } from '@constructive-io/ui/input';
@@ -94,7 +95,7 @@ export const NewItemDialog = ({
           <DialogTitle>New item</DialogTitle>
           <DialogDescription>Everything is encrypted before it is stored.</DialogDescription>
         </DialogHeader>
-        <div className="flex flex-col gap-4">
+        <DialogPanel className="flex flex-col gap-4">
           <div className="flex gap-3">
             <div className="flex w-44 flex-col gap-1.5">
               <Label>Type</Label>
@@ -164,7 +165,7 @@ export const NewItemDialog = ({
               <Input id="new-note" value={note} onChange={(e) => setNote(e.target.value)} />
             </div>
           )}
-        </div>
+        </DialogPanel>
         <DialogFooter>
           <Button variant="outline" onClick={() => onOpenChange(false)} disabled={busy}>
             Cancel
diff --git a/apps/desktop/src/renderer/src/screens/TotpScreen.tsx b/apps/desktop/src/renderer/src/screens/TotpScreen.tsx
index 8a8a1dc..91a0355 100644
--- a/apps/desktop/src/renderer/src/screens/TotpScreen.tsx
+++ b/apps/desktop/src/renderer/src/screens/TotpScreen.tsx
@@ -12,6 +12,7 @@ import {
   DialogDescription,
   DialogFooter,
   DialogHeader,
+  DialogPanel,
   DialogTitle,
 } from '@constructive-io/ui/dialog';
 import { Input } from '@constructive-io/ui/input';
@@ -118,7 +119,7 @@ export const TotpScreen = () => {
               Paste an otpauth:// URI from another authenticator's export.
             </DialogDescription>
           </DialogHeader>
-          <div className="flex flex-col gap-1.5">
+          <DialogPanel className="flex flex-col gap-1.5">
             <Label htmlFor="otpauth-uri">otpauth URI</Label>
             <Input
               id="otpauth-uri"
@@ -127,7 +128,7 @@ export const TotpScreen = () => {
               placeholder="otpauth://totp/Example:me?secret=..."
               className="font-mono"
             />
-          </div>
+          </DialogPanel>
           <DialogFooter>
             <Button variant="outline" onClick={() => setShowImport(false)} disabled={busy}>
               Cancel