diff --git a/web/containers/Layout/BottomBar/SystemMonitor/index.tsx b/web/containers/Layout/BottomBar/SystemMonitor/index.tsx
index 5b7853698..a7659d425 100644
--- a/web/containers/Layout/BottomBar/SystemMonitor/index.tsx
+++ b/web/containers/Layout/BottomBar/SystemMonitor/index.tsx
@@ -88,12 +88,12 @@ const SystemMonitor = () => {
         <div
           ref={setElementExpand}
           className={twMerge(
-            'fixed left-16 bottom-12 bg-white w-[calc(100%-64px)] z-50 border-t border-border flex flex-col flex-shrink-0',
+            'fixed left-16 bottom-12 bg-background w-[calc(100%-64px)] z-50 border-t border-border flex flex-col flex-shrink-0',
             showFullScreen && 'h-[calc(100%-48px)]'
           )}
         >
           <div className="h-12 flex items-center border-b border-border px-4 justify-between flex-shrink-0">
-            <h6 className="font-medium">Running Models</h6>
+            <h6 className="font-bold">Running Models</h6>
             <div className="flex items-center gap-x-2 unset-drag">
               {showFullScreen ? (
                 <ChevronDown
diff --git a/web/containers/Layout/BottomBar/index.tsx b/web/containers/Layout/BottomBar/index.tsx
index 61e984c99..c76f211e8 100644
--- a/web/containers/Layout/BottomBar/index.tsx
+++ b/web/containers/Layout/BottomBar/index.tsx
@@ -34,7 +34,7 @@ const BottomBar = () => {
   const progress = useAtomValue(appDownloadProgress)
 
   return (
-    <div className="fixed bottom-0 left-16 z-20 flex h-12 w-[calc(100%-64px)] items-center justify-between border-t border-border bg-background/80 px-3">
+    <div className="fixed bottom-0 left-16 z-50 flex h-12 w-[calc(100%-64px)] items-center justify-between border-t border-border bg-background/80 px-3">
       <div className="flex flex-shrink-0 items-center gap-x-2">
         <div className="flex items-center space-x-2">
           {progress && progress > 0 ? (