diff --git a/src/components/sidebar/Sidebar/styles.module.css b/src/components/sidebar/Sidebar/styles.module.css
index 0a12061ffc..fc200c3691 100644
--- a/src/components/sidebar/Sidebar/styles.module.css
+++ b/src/components/sidebar/Sidebar/styles.module.css
@@ -9,7 +9,6 @@
 
 .container {
   width: 230px;
-  border-right: 1px solid var(--color-border-light);
 }
 
 .scroll {
@@ -69,6 +68,7 @@
 @media (max-width: 899.95px) {
   .container {
     padding-top: var(--header-height);
+    border-right: 1px solid var(--color-border-light);
   }
 
   .drawer {
diff --git a/src/components/sidebar/SidebarList/index.tsx b/src/components/sidebar/SidebarList/index.tsx
index 7eca1f5913..eba0ae05f1 100644
--- a/src/components/sidebar/SidebarList/index.tsx
+++ b/src/components/sidebar/SidebarList/index.tsx
@@ -70,4 +70,4 @@ export const SidebarListItemText = ({
 )
 
 export const SidebarListItemCounter = ({ count }: { count?: string }): ReactElement | null =>
-  count ? <Badge color="secondary" variant="standard" badgeContent={count} sx={{ ml: 2 }} /> : null
+  count ? <Badge color="warning" variant="standard" badgeContent={count} sx={{ ml: 3 }} /> : null
diff --git a/src/components/sidebar/SidebarList/styles.module.css b/src/components/sidebar/SidebarList/styles.module.css
index cdb5250b86..9a68c1492b 100644
--- a/src/components/sidebar/SidebarList/styles.module.css
+++ b/src/components/sidebar/SidebarList/styles.module.css
@@ -24,10 +24,6 @@
   background-color: var(--color-border-light);
 }
 
-[data-theme='dark'] .list :global .MuiBadge-standard {
-  background-color: var(--color-primary-main);
-}
-
 .list :global .MuiListItemButton-root:hover {
   border-radius: 6px;
   background-color: var(--color-background-light);