diff --git a/src/common-elements/shelfs.tsx b/src/common-elements/shelfs.tsx
index 8eb3d4a7..4e78b568 100644
--- a/src/common-elements/shelfs.tsx
+++ b/src/common-elements/shelfs.tsx
@@ -51,8 +51,10 @@ export const Badge = styled.span<{ type: string }>`
   display: inline-block;
   padding: 2px 8px;
   margin: 0;
-  background-color: ${props => props.theme.colors[props.type].main};
-  color: ${props => props.theme.colors[props.type].contrastText};
+  background-color: ${props =>
+    props.type == 'm2m' ? 'none' : props.theme.colors[props.type].main};
+  border: ${props => (props.type == 'm2m' ? 'rgba(38, 50, 56, 0.5) 1px solid' : 'none')};
+  color: ${props => (props.type == 'm2m' ? 'black' : props.theme.colors[props.type].contrastText)};
   font-size: ${props => props.theme.typography.code.fontSize};
   vertical-align: middle;
   line-height: 1.6;