diff --git a/packages/common/layouts/SidebarLayout.tsx b/packages/common/layouts/SidebarLayout.tsx
index 652b68f6fd0..a1bd469aefe 100644
--- a/packages/common/layouts/SidebarLayout.tsx
+++ b/packages/common/layouts/SidebarLayout.tsx
@@ -45,7 +45,7 @@ export default function SidebarLayout({
               leaveFrom="translate-x-0"
               leaveTo="-translate-x-full"
             >
-              <div className="relative flex w-full max-w-xs flex-1 flex-col bg-indigo-700 pt-5 pb-4">
+              <div className="relative flex w-full max-w-xs flex-1 flex-col bg-indigo-900 pt-5 pb-4">
                 <Transition.Child
                   as={Fragment}
                   enter="ease-in-out duration-300"
@@ -85,7 +85,7 @@ export default function SidebarLayout({
         {/* Static sidebar for desktop */}
         <div className="hidden md:fixed md:inset-y-0 md:flex md:w-64 md:flex-col">
           {/* Sidebar component, swap this element with another sidebar if you like */}
-          <div className="flex flex-grow flex-col overflow-y-auto bg-indigo-700 pt-5">
+          <div className="flex flex-grow flex-col overflow-y-auto bg-indigo-900 pt-5">
             <div className="flex flex-shrink-0 items-center px-4">
               <img
                 className="h-8 w-auto"