diff --git a/src/components/Badge.tsx b/src/components/Badge.tsx
index 47505733..380b1dba 100644
--- a/src/components/Badge.tsx
+++ b/src/components/Badge.tsx
@@ -28,7 +28,9 @@ export default function Badge({
     case 'small':
       return clsx(
         'h-max-baseline',
-        'px-[5px] py-[2.75px]',
+        // 'px-[5px] py-[2.75px]', //original padding
+        'block', // added to keep gray background around text when overflowed
+        'px-[6px] py-[5px]', // increased padding for block and to stop content shift
         'text-[0.7rem] font-medium rounded-[0.25rem]',
         highContrast
           ? 'text-invert bg-invert'