diff --git a/packages/core/package.json b/packages/core/package.json
index 073e73d4..8a4711ee 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@viamrobotics/prime-core",
-  "version": "0.0.146",
+  "version": "0.0.147",
   "repository": {
     "type": "git",
     "url": "https://github.com/viamrobotics/prime.git",
diff --git a/packages/core/src/lib/button/button.svelte b/packages/core/src/lib/button/button.svelte
index 9c6d69be..c451e961 100644
--- a/packages/core/src/lib/button/button.svelte
+++ b/packages/core/src/lib/button/button.svelte
@@ -61,7 +61,7 @@ $: handleDisabled = preventHandler(disabled);
   {title}
   aria-disabled={disabled ? true : undefined}
   class={cx(
-    'inline-flex select-none items-center justify-center gap-1.5 whitespace-nowrap border',
+    'inline-flex select-none items-center justify-center gap-1.5 whitespace-nowrap border text-default',
     {
       'flex w-full': width === 'full',
       'inline-flex': width !== 'full',
diff --git a/packages/core/src/lib/input/input.svelte b/packages/core/src/lib/input/input.svelte
index f8a807c5..371557c0 100644
--- a/packages/core/src/lib/input/input.svelte
+++ b/packages/core/src/lib/input/input.svelte
@@ -79,7 +79,7 @@ $: errorClasses =
     aria-disabled={disabled ? true : undefined}
     aria-invalid={isError ? true : undefined}
     class={cx(
-      'h-7.5 w-full appearance-none border px-2 py-1.5 text-xs leading-tight outline-none',
+      'h-7.5 w-full appearance-none border bg-white px-2 py-1.5 text-xs leading-tight text-default outline-none',
       defaultClasses,
       readonlyClasses,
       disabledClasses,
diff --git a/packages/core/src/lib/input/range-input.svelte b/packages/core/src/lib/input/range-input.svelte
index ca8a3ea2..fd22f881 100644
--- a/packages/core/src/lib/input/range-input.svelte
+++ b/packages/core/src/lib/input/range-input.svelte
@@ -113,7 +113,9 @@ $: if (value > max) {
 
 <svelte:window on:resize={() => positionIndicator(value)} />
 
-<div class={cx('grid w-full grid-cols-[3rem_1fr] gap-2', extraClasses)}>
+<div
+  class={cx('grid w-full grid-cols-[3rem_1fr] gap-2 bg-white', extraClasses)}
+>
   <NumericInput
     bind:value
     {min}