diff --git a/web/app/layout.tsx b/web/app/layout.tsx
index c62390ba5..6c6fc65ab 100644
--- a/web/app/layout.tsx
+++ b/web/app/layout.tsx
@@ -15,7 +15,7 @@ export const metadata: Metadata = {
 export default function RootLayout({ children }: PropsWithChildren) {
   return (
     <html lang="en" suppressHydrationWarning>
-      <body className="bg-white font-sans text-sm antialiased dark:bg-background/50">
+      <body className="bg-white font-sans text-sm antialiased dark:bg-background">
         <div className="title-bar" />
         <Providers>{children}</Providers>
       </body>
diff --git a/web/containers/Layout/index.tsx b/web/containers/Layout/index.tsx
index c806fdddd..0fe9b5f8b 100644
--- a/web/containers/Layout/index.tsx
+++ b/web/containers/Layout/index.tsx
@@ -24,7 +24,7 @@ const BaseLayout = (props: PropsWithChildren) => {
   return (
     <div className="flex h-screen w-screen flex-1 overflow-hidden">
       <RibbonNav />
-      <div className=" relative top-12 flex h-[calc(100vh-96px)] w-full overflow-hidden bg-background/50">
+      <div className=" relative top-12 flex h-[calc(100vh-96px)] w-full overflow-hidden bg-background">
         <div className="w-full">
           <TopBar />
           <m.div
diff --git a/web/screens/Chat/index.tsx b/web/screens/Chat/index.tsx
index f8274f21f..29ea0f3bd 100644
--- a/web/screens/Chat/index.tsx
+++ b/web/screens/Chat/index.tsx
@@ -99,7 +99,7 @@ const ChatScreen = () => {
 
   return (
     <div className="flex h-full w-full">
-      <div className="flex h-full w-60 flex-shrink-0 flex-col overflow-y-auto border-r border-border bg-background dark:bg-background/50">
+      <div className="flex h-full w-60 flex-shrink-0 flex-col overflow-y-auto border-r border-border bg-background">
         <ThreadList />
       </div>
       <div
diff --git a/web/screens/ExploreModels/ExploreModelItemHeader/index.tsx b/web/screens/ExploreModels/ExploreModelItemHeader/index.tsx
index 40813225f..b5798206b 100644
--- a/web/screens/ExploreModels/ExploreModelItemHeader/index.tsx
+++ b/web/screens/ExploreModels/ExploreModelItemHeader/index.tsx
@@ -81,7 +81,7 @@ const ExploreModelItemHeader: React.FC<Props> = ({ model, onClick, open }) => {
 
   return (
     <div
-      className="cursor-pointer rounded-t-md bg-background/50"
+      className="cursor-pointer rounded-t-md bg-background"
       onClick={onClick}
     >
       {model.metadata.cover && (
diff --git a/web/screens/Settings/index.tsx b/web/screens/Settings/index.tsx
index 77e70d33b..7c69acca4 100644
--- a/web/screens/Settings/index.tsx
+++ b/web/screens/Settings/index.tsx
@@ -176,7 +176,7 @@ const SettingsScreen = () => {
         </ScrollArea>
       </div>
 
-      <div className="h-full w-full bg-background/50">
+      <div className="h-full w-full bg-background">
         <ScrollArea className="h-full w-full">
           <div className="p-4">
             {handleShowOptions(activeStaticMenu || activePreferenceExtension)}
diff --git a/web/screens/SystemMonitor/index.tsx b/web/screens/SystemMonitor/index.tsx
index 63366901a..525f1e7c9 100644
--- a/web/screens/SystemMonitor/index.tsx
+++ b/web/screens/SystemMonitor/index.tsx
@@ -21,7 +21,7 @@ export default function SystemMonitorScreen() {
   const { activeModel, stateModel, stopModel } = useActiveModel()
 
   return (
-    <div className="flex h-full w-full bg-background dark:bg-background/50">
+    <div className="flex h-full w-full bg-background dark:bg-background">
       <ScrollArea className="h-full w-full">
         <div className="h-full p-8" data-test-id="testid-system-monitor">
           <div className="grid grid-cols-2 gap-8 lg:grid-cols-3">
@@ -59,7 +59,9 @@ export default function SystemMonitorScreen() {
           {activeModel && (
             <div className="mt-8 overflow-hidden rounded-xl border border-border shadow-sm">
               <div className="px-6 py-5">
-                <h4 className="text-base font-medium">Actively Running Models</h4>
+                <h4 className="text-base font-medium">
+                  Actively Running Models
+                </h4>
               </div>
               <div className="relative overflow-x-auto shadow-md">
                 <table className="w-full px-8">
