diff --git a/desktop/flipper-ui-core/src/sandy-chrome/LeftRail.tsx b/desktop/flipper-ui-core/src/sandy-chrome/LeftRail.tsx
index 5b3701919..53ed50f1c 100644
--- a/desktop/flipper-ui-core/src/sandy-chrome/LeftRail.tsx
+++ b/desktop/flipper-ui-core/src/sandy-chrome/LeftRail.tsx
@@ -97,16 +97,8 @@ export function LeftRailButton({
   title?: string;
   onClick?: React.MouseEventHandler<HTMLElement>;
 }) {
-  let iconElement =
+  const iconElement =
     icon && cloneElement(icon, {style: {fontSize: small ? 16 : 24}});
-  if (count !== undefined) {
-    iconElement =
-      count === true ? (
-        <Badge dot>{iconElement}</Badge>
-      ) : (
-        <Badge count={count}>{iconElement}</Badge>
-      );
-  }
 
   let res = (
     <LeftRailButtonElem
@@ -123,6 +115,19 @@ export function LeftRailButton({
     />
   );
 
+  if (count !== undefined) {
+    res =
+      count === true ? (
+        <Badge dot offset={[-8, 8]} {...{onClick}}>
+          {res}
+        </Badge>
+      ) : (
+        <Badge count={count} offset={[-6, 5]} {...{onClick}}>
+          {res}
+        </Badge>
+      );
+  }
+
   if (title) {
     res = (
       <Tooltip title={title} placement="right">