diff --git a/packages/bbui/src/StatusLight/StatusLight.svelte b/packages/bbui/src/StatusLight/StatusLight.svelte
index a0c72443a6..6648b2b32b 100644
--- a/packages/bbui/src/StatusLight/StatusLight.svelte
+++ b/packages/bbui/src/StatusLight/StatusLight.svelte
@@ -18,11 +18,13 @@
   export let disabled = false
   export let active = false
   export let color = null
+  export let square = false
 </script>
 
 <div
   class="spectrum-StatusLight spectrum-StatusLight--size{size}"
   class:custom={!!color}
+  class:square
   style={`--color: ${color};`}
   class:spectrum-StatusLight--celery={celery}
   class:spectrum-StatusLight--yellow={yellow}
@@ -61,4 +63,10 @@
   .custom::before {
     background: var(--color) !important;
   }
+  .square::before {
+    width: 16px;
+    height: 16px;
+    border-radius: 4px;
+    margin: 0;
+  }
 </style>