diff --git a/app/src/components/page/Sidebar/index.tsx b/app/src/components/page/Sidebar/index.tsx
index 3890ea20c..e7212876f 100644
--- a/app/src/components/page/Sidebar/index.tsx
+++ b/app/src/components/page/Sidebar/index.tsx
@@ -77,6 +77,7 @@ export const SidebarComponent: React.FC<SidebarProps> = (props: SidebarProps) =>
       trigger={null}
       width="275px"
       className="layout-sider"
+      breakpoint='md'
     >
       <div className={`logo ${collapsed ? 'small-logo' : 'main-logo'}`}>
         <Link hidden={collapsed} to={URL_HOME}>
diff --git a/app/src/configs/env.ts b/app/src/configs/env.ts
index c26e5dd9a..a8af37bb4 100644
--- a/app/src/configs/env.ts
+++ b/app/src/configs/env.ts
@@ -17,7 +17,7 @@ export const MAIN_LOGO_SRC = setEnv(
 
 export const COLLAPSED_LOGO_SRC = setEnv(
   'REACT_APP_COLLAPSED_LOGO_SRC',
-  'https://github.com/OpenSRP/web/raw/main/app/src/assets/images/opensrp-logo-color.png'
+  'https://github.com/OpenSRP/web/raw/main/app/src/assets/images/opensrp2-logo-small.png'
 );
 
 export const DATE_FORMAT = setEnv('REACT_APP_DATE_FORMAT', 'YYYY-MM-DD');