diff --git a/components/main/MainContent.vue b/components/main/MainContent.vue
index 3ae42975..c6a0bc0f 100644
--- a/components/main/MainContent.vue
+++ b/components/main/MainContent.vue
@@ -15,7 +15,7 @@ const wideLayout = computed(() => route.meta.wideLayout ?? false)
     <div
       sticky top-0 z10 backdrop-blur
       pt="[env(safe-area-inset-top,0)]"
-      border="b base" bg="[rgba(var(--rbg-bg-base),0.7)]"
+      border="b base" bg="[rgba(var(--rgb-bg-base),0.7)]"
       class="native:lg:w-[calc(100vw-5rem)] native:xl:w-[calc(135%+(100vw-1200px)/2)]"
     >
       <div flex justify-between px5 py2 :class="{ 'xl:hidden': $route.name !== 'tag' }" data-tauri-drag-region class="native:xl:flex">