diff --git a/src/ComboBox/ComboBox.svelte b/src/ComboBox/ComboBox.svelte
index bc2b1d7f..21754567 100644
--- a/src/ComboBox/ComboBox.svelte
+++ b/src/ComboBox/ComboBox.svelte
@@ -222,6 +222,7 @@
         aria-controls="{open ? menuId : undefined}"
         aria-owns="{open ? menuId : undefined}"
         class:bx--text-input="{true}"
+        class:bx--text-input--light="{light}"
         class:bx--text-input--empty="{inputValue === ''}"
         on:input="{({ target }) => {
           inputValue = target.value;
diff --git a/src/ListBox/ListBoxMenu.svelte b/src/ListBox/ListBoxMenu.svelte
index c84b0956..432e4538 100644
--- a/src/ListBox/ListBoxMenu.svelte
+++ b/src/ListBox/ListBoxMenu.svelte
@@ -4,9 +4,16 @@
    * @type {string} [id]
    */
   export let id = "ccs-" + Math.random().toString(36);
+
+  /**
+   * Obtain a reference to the input HTML element
+   * @type {null | HTMLDivElement} [ref=null]
+   */
+   export let ref = null;
 </script>
 
 <div
+  bind:this={ref}
   role="listbox"
   id="menu-{id}"
   class:bx--list-box__menu="{true}"
diff --git a/src/RadioButtonGroup/RadioButtonGroup.svelte b/src/RadioButtonGroup/RadioButtonGroup.svelte
index 677cd24e..57204c9b 100644
--- a/src/RadioButtonGroup/RadioButtonGroup.svelte
+++ b/src/RadioButtonGroup/RadioButtonGroup.svelte
@@ -23,6 +23,12 @@
    */
   export let orientation = "horizontal";
 
+  /**
+   * Set an id for the container div element
+   * @type {string} [id]
+   */
+   export let id
+
   import { createEventDispatcher, setContext } from "svelte";
   import { writable } from "svelte/store";
 
@@ -46,6 +52,7 @@
 </script>
 
 <div
+  {id}
   class:bx--form-item="{true}"
   {...$$restProps}
   on:click