diff --git a/ui/StatusQ/sandbox/Others.qml b/ui/StatusQ/sandbox/Others.qml
index 0f23752b24..b87353c6f3 100644
--- a/ui/StatusQ/sandbox/Others.qml
+++ b/ui/StatusQ/sandbox/Others.qml
@@ -21,4 +21,18 @@ GridLayout {
     StatusRoundedImage {
         image.source: "https://pbs.twimg.com/profile_images/1369221718338895873/T_5fny6o_400x400.jpg"
     }
+
+    StatusBadge {}
+
+    StatusBadge {
+        value: 1
+    }
+
+    StatusBadge {
+        value: 10
+    }
+
+    StatusBadge {
+        value: 100
+    }
 }
diff --git a/ui/StatusQ/src/StatusQ/Components/StatusBadge.qml b/ui/StatusQ/src/StatusQ/Components/StatusBadge.qml
new file mode 100644
index 0000000000..11033b0c4e
--- /dev/null
+++ b/ui/StatusQ/src/StatusQ/Components/StatusBadge.qml
@@ -0,0 +1,40 @@
+import QtQuick 2.13
+import StatusQ.Core 0.1
+import StatusQ.Core.Theme 0.1
+
+Rectangle {
+    id: statusBadge
+
+    property int value
+
+    implicitHeight: statusBadge.value > 0 ? 18 + statusBadge.border.width : 10 + statusBadge.border.width
+    implicitWidth: {
+        if (statusBadge.value > 99) {
+            return 28 + statusBadge.border.width
+        }
+        if (statusBadge.value > 9) {
+            return 26 + statusBadge.border.width
+        }
+        if (statusBadge.value > 0) {
+            return 18 + statusBadge.border.width
+        }
+        return 10 + statusBadge.border.width
+    }
+    radius: height / 2
+    color: Theme.palette.primaryColor1
+
+    StatusBaseText {
+        id: value
+        visible: statusBadge.value > 0
+        font.pixelSize: statusBadge.value > 99 ? 10 : 12
+        font.weight: Font.Bold
+        color: Theme.palette.white
+        anchors.centerIn: parent
+        text: {
+            if (statusBadge.value > 99) {
+                return "99+";
+            }
+            return statusBadge.value;
+        }
+    }
+}
diff --git a/ui/StatusQ/src/StatusQ/Components/qmldir b/ui/StatusQ/src/StatusQ/Components/qmldir
index 705e95bc5e..9f79e37e2b 100644
--- a/ui/StatusQ/src/StatusQ/Components/qmldir
+++ b/ui/StatusQ/src/StatusQ/Components/qmldir
@@ -1,5 +1,6 @@
 module StatusQ.Components
 
+StatusBadge 0.1 StatusBadge.qml
 StatusLetterIdenticon 0.1 StatusLetterIdenticon.qml
 StatusLoadingIndicator 0.1 StatusLoadingIndicator.qml
 StatusRoundedImage 0.1 StatusRoundedImage.qml