diff --git a/frontend/packages/website/src/components/FeatureGrid.tsx b/frontend/packages/website/src/components/FeatureGrid.tsx
index 9be697b..678f258 100644
--- a/frontend/packages/website/src/components/FeatureGrid.tsx
+++ b/frontend/packages/website/src/components/FeatureGrid.tsx
@@ -224,7 +224,7 @@ export function FeatureGrid() {
application.
- $ sandbox-agent serve --port 4000
+ $ sandbox-agent server
diff --git a/frontend/packages/website/src/styles/global.css b/frontend/packages/website/src/styles/global.css
index 2e62dc6..8dbb6f8 100644
--- a/frontend/packages/website/src/styles/global.css
+++ b/frontend/packages/website/src/styles/global.css
@@ -12,6 +12,13 @@
@apply bg-accent/30 text-white;
}
+ /* Firefox scrollbar */
+ * {
+ scrollbar-width: thin;
+ scrollbar-color: #3f3f46 transparent;
+ }
+
+ /* Webkit scrollbar */
::-webkit-scrollbar {
@apply w-2 h-2;
}
@@ -33,11 +40,26 @@
}
/* Code block scrollbars */
- pre::-webkit-scrollbar {
- @apply h-1.5;
+ pre, code, .overflow-x-auto {
+ scrollbar-width: thin;
+ scrollbar-color: #52525b #18181b;
}
- pre::-webkit-scrollbar-thumb {
+ pre::-webkit-scrollbar,
+ code::-webkit-scrollbar,
+ .overflow-x-auto::-webkit-scrollbar {
+ @apply h-2;
+ }
+
+ pre::-webkit-scrollbar-track,
+ code::-webkit-scrollbar-track,
+ .overflow-x-auto::-webkit-scrollbar-track {
+ @apply bg-zinc-900;
+ }
+
+ pre::-webkit-scrollbar-thumb,
+ code::-webkit-scrollbar-thumb,
+ .overflow-x-auto::-webkit-scrollbar-thumb {
@apply bg-zinc-600 rounded-full;
}
}