diff --git a/apps/www/src/lib/registry/default/ui/sidebar/Sidebar.vue b/apps/www/src/lib/registry/default/ui/sidebar/Sidebar.vue
index dc28c8b8..82aa18bb 100644
--- a/apps/www/src/lib/registry/default/ui/sidebar/Sidebar.vue
+++ b/apps/www/src/lib/registry/default/ui/sidebar/Sidebar.vue
@@ -34,6 +34,7 @@ const { isMobile, state, openMobile, setOpenMobile } = useSidebar()
       class="w-[--sidebar-width] bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden"
       :style="{
         '--sidebar-width': SIDEBAR_WIDTH_MOBILE,
+        'background-color': 'var(--sidebar-background-color, #fff)'
       }"
     >
       <div class="flex h-full w-full flex-col">
diff --git a/apps/www/src/lib/registry/new-york/ui/sidebar/Sidebar.vue b/apps/www/src/lib/registry/new-york/ui/sidebar/Sidebar.vue
index 1fd26ac3..ac36130b 100644
--- a/apps/www/src/lib/registry/new-york/ui/sidebar/Sidebar.vue
+++ b/apps/www/src/lib/registry/new-york/ui/sidebar/Sidebar.vue
@@ -34,6 +34,7 @@ const { isMobile, state, openMobile, setOpenMobile } = useSidebar()
       class="w-[--sidebar-width] bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden"
       :style="{
         '--sidebar-width': SIDEBAR_WIDTH_MOBILE,
+        'background-color': 'var(--sidebar-background-color, #fff)'
       }"
     >
       <div class="flex h-full w-full flex-col">