diff --git a/packages/bbui/src/ClearButton/ClearButton.svelte b/packages/bbui/src/ClearButton/ClearButton.svelte
index 290b80f27c..e6457d4857 100644
--- a/packages/bbui/src/ClearButton/ClearButton.svelte
+++ b/packages/bbui/src/ClearButton/ClearButton.svelte
@@ -1,8 +1,9 @@
 <script>
+    export let s = false;
     export let disabled;
 </script>
 
-<button on:click class="spectrum-ClearButton" {disabled}>
+<button on:click class="spectrum-ClearButton" class:spectrum-ClearButton--small={s} {disabled}>
     <svg class="spectrum-Icon spectrum-UIIcon-Cross75" focusable="false" aria-hidden="true">
         <use xlink:href="#spectrum-css-icon-Cross75" />
     </svg>