diff --git a/src/status-indicator.ts b/src/status-indicator.ts
index c785828..e84c7ef 100644
--- a/src/status-indicator.ts
+++ b/src/status-indicator.ts
@@ -35,8 +35,8 @@ class StatusIndicator extends WebComponent {
                 display: 'inline-block',
                 borderRadius: '50%',
                 cursor: 'pointer',
-                width: '10px',
-                height: '10px',
+                width: '0.5rem',
+                height: '0.5rem',
                 backgroundColor: `rgb(${statusColor})`,
                 marginRight: '0.05rem',
                 ...(this.props.pulse ? this.#pulseAnimationCSSRules : [])
@@ -62,4 +62,4 @@ class StatusIndicator extends WebComponent {
 
 customElements.define('status-indicator', StatusIndicator)
 
-export default StatusIndicator
\ No newline at end of file
+export default StatusIndicator