diff --git a/interface/bun.lock b/interface/bun.lock
index 2766a0283..ae78b619a 100644
--- a/interface/bun.lock
+++ b/interface/bun.lock
@@ -61,6 +61,7 @@
         "@vitejs/plugin-react": "^4.3.4",
         "openapi-typescript": "^7",
         "tailwindcss": "^4.2.2",
+        "tailwindcss-radix": "^4.0.2",
         "typescript": "^5.6.2",
         "vite": "^6.0.0",
       },
@@ -1627,6 +1628,8 @@
 
     "tailwindcss": ["tailwindcss@4.2.2", "", {}, "sha512-KWBIxs1Xb6NoLdMVqhbhgwZf2PGBpPEiwOqgI4pFIYbNTfBXiKYyWoTsXgBQ9WFg/OlhnvHaY+AEpW7wSmFo2Q=="],
 
+    "tailwindcss-radix": ["tailwindcss-radix@4.0.2", "", { "peerDependencies": { "tailwindcss": "^3.0 || ^4.0" } }, "sha512-Uoa2BUCfWKGCjQPXbj4X4Q4EWAeCsvhj0udn0IupeNcvuLbqRXvC5+bKAqsngIne5mrRUPTy/IqMXGh81YyrCA=="],
+
     "tapable": ["tapable@2.3.2", "", {}, "sha512-1MOpMXuhGzGL5TTCZFItxCc0AARf1EZFQkGqMm7ERKj8+Hgr5oLvJOVFcC+lRmR8hCe2S3jC4T5D7Vg/d7/fhA=="],
 
     "throttle-debounce": ["throttle-debounce@5.0.2", "", {}, "sha512-B71/4oyj61iNH0KeCamLuE2rmKuTO5byTOSVwECM5FA7TiAiAW+UqTKZ9ERueC4qvgSttUhdmq1mXC3kJqGX7A=="],
diff --git a/interface/package.json b/interface/package.json
index 758c3840c..d87a9bf3c 100644
--- a/interface/package.json
+++ b/interface/package.json
@@ -65,6 +65,7 @@
 		"@vitejs/plugin-react": "^4.3.4",
 		"openapi-typescript": "^7",
 		"tailwindcss": "^4.2.2",
+		"tailwindcss-radix": "^4.0.2",
 		"typescript": "^5.6.2",
 		"vite": "^6.0.0"
 	},
diff --git a/interface/src/styles.css b/interface/src/styles.css
index 6e176bff9..35aa72c65 100644
--- a/interface/src/styles.css
+++ b/interface/src/styles.css
@@ -7,6 +7,7 @@
 @layer opencode-portals;
 
 @import "tailwindcss";
+@plugin "tailwindcss-radix";
 
 /* SpaceUI design tokens */
 @import "@spacedrive/tokens/theme";