diff --git a/.gitignore b/.gitignore
index c88ff787..b8725cc9 100644
--- a/.gitignore
+++ b/.gitignore
@@ -7,4 +7,4 @@ yarn-debug.log*
 yarn-error.log*
 *.tgz
 .vscode
-.idea/*
+.idea
diff --git a/src/components/ComboBox/ComboBox.svelte b/src/components/ComboBox/ComboBox.svelte
index 5134fae8..964c4f76 100644
--- a/src/components/ComboBox/ComboBox.svelte
+++ b/src/components/ComboBox/ComboBox.svelte
@@ -18,7 +18,7 @@
   export let titleText = '';
   export let translateWithId = undefined;
   export let value = '';
-  export let name = Math.random();
+  export let name = undefined;
 
   import { afterUpdate } from 'svelte';
   import WarningFilled16 from 'carbon-icons-svelte/lib/WarningFilled16';
diff --git a/src/components/DatePicker/DatePickerInput.svelte b/src/components/DatePicker/DatePickerInput.svelte
index 0b9b1d96..1e8950fc 100644
--- a/src/components/DatePicker/DatePickerInput.svelte
+++ b/src/components/DatePicker/DatePickerInput.svelte
@@ -12,7 +12,7 @@
   export let placeholder = '';
   export let style = undefined;
   export let type = 'text';
-  export let name = Math.random();
+  export let name = undefined;
 
   import { getContext, onMount } from 'svelte';
   import Calendar16 from 'carbon-icons-svelte/lib/Calendar16';
diff --git a/src/components/Dropdown/Dropdown.svelte b/src/components/Dropdown/Dropdown.svelte
index 923e4bb1..a46673a8 100644
--- a/src/components/Dropdown/Dropdown.svelte
+++ b/src/components/Dropdown/Dropdown.svelte
@@ -4,7 +4,7 @@
   export let disabled = false;
   export let helperText = '';
   export let id = Math.random();
-  export let name = Math.random();
+  export let name = undefined;
   export let inline = false;
   export let invalid = false;
   export let invalidText = '';
diff --git a/src/components/MultiSelect/MultiSelect.svelte b/src/components/MultiSelect/MultiSelect.svelte
index 406a1c70..137f3e66 100644
--- a/src/components/MultiSelect/MultiSelect.svelte
+++ b/src/components/MultiSelect/MultiSelect.svelte
@@ -6,7 +6,7 @@
   export let filterItem = (item, value) => item.text.toLowerCase().includes(value.toLowerCase());
   export let helperText = '';
   export let id = Math.random();
-  export let name = Math.random();
+  export let name = undefined;
   export let invalid = false;
   export let invalidText = '';
   export let items = [];
diff --git a/src/components/NumberInput/NumberInput.svelte b/src/components/NumberInput/NumberInput.svelte
index 5714c206..260a43ec 100644
--- a/src/components/NumberInput/NumberInput.svelte
+++ b/src/components/NumberInput/NumberInput.svelte
@@ -8,7 +8,7 @@
   export let hideLabel = false;
   export let iconDescription = '';
   export let id = Math.random();
-  export let name = Math.random();
+  export let name = undefined;
   export let invalid = false;
   export let invalidText = 'Provide invalidText';
   export let mobile = false;
diff --git a/src/components/Select/Select.svelte b/src/components/Select/Select.svelte
index 72883345..00bb6374 100644
--- a/src/components/Select/Select.svelte
+++ b/src/components/Select/Select.svelte
@@ -5,7 +5,7 @@
   export let helperText = '';
   export let hideLabel = false;
   export let id = Math.random();
-  export let name = Math.random();
+  export let name = undefined;
   export let inline = false;
   export let invalid = false;
   export let invalidText = '';
diff --git a/src/components/TextArea/TextArea.svelte b/src/components/TextArea/TextArea.svelte
index 5887f41d..fbdfe253 100644
--- a/src/components/TextArea/TextArea.svelte
+++ b/src/components/TextArea/TextArea.svelte
@@ -6,7 +6,7 @@
   export let helperText = '';
   export let hideLabel = false;
   export let id = Math.random();
-  export let name = Math.random();
+  export let name = undefined;
   export let invalid = false;
   export let invalidText = '';
   export let labelText = '';
diff --git a/src/components/TextInput/PasswordInput.svelte b/src/components/TextInput/PasswordInput.svelte
index 13c8e862..7abebb09 100644
--- a/src/components/TextInput/PasswordInput.svelte
+++ b/src/components/TextInput/PasswordInput.svelte
@@ -6,7 +6,7 @@
   export let hideLabel = false;
   export let hidePasswordLabel = 'Hide password';
   export let id = Math.random();
-  export let name = Math.random();
+  export let name = undefined;
   export let invalid = false;
   export let invalidText = '';
   export let labelText = '';
diff --git a/src/components/TextInput/TextInput.svelte b/src/components/TextInput/TextInput.svelte
index 2db5b162..2da75a11 100644
--- a/src/components/TextInput/TextInput.svelte
+++ b/src/components/TextInput/TextInput.svelte
@@ -5,7 +5,7 @@
   export let helperText = '';
   export let hideLabel = false;
   export let id = Math.random();
-  export let name = Math.random();
+  export let name = undefined;
   export let invalid = false;
   export let invalidText = '';
   export let labelText = '';
diff --git a/src/components/TimePicker/TimePicker.svelte b/src/components/TimePicker/TimePicker.svelte
index f3624368..962ff88a 100644
--- a/src/components/TimePicker/TimePicker.svelte
+++ b/src/components/TimePicker/TimePicker.svelte
@@ -4,7 +4,7 @@
   export let disabled = false;
   export let hideLabel = false;
   export let id = Math.random();
-  export let name = Math.random();
+  export let name = undefined;
   export let invalid = false;
   export let invalidText = 'Invalid time format.';
   export let labelText = '';
diff --git a/src/components/TimePicker/TimePickerSelect.svelte b/src/components/TimePicker/TimePickerSelect.svelte
index 636637f0..d3a82b5d 100644
--- a/src/components/TimePicker/TimePickerSelect.svelte
+++ b/src/components/TimePicker/TimePickerSelect.svelte
@@ -5,7 +5,7 @@
   export let hideLabel = true;
   export let iconDescription = 'Open list of options';
   export let id = Math.random();
-  export let name = Math.random();
+  export let name = undefined;
   export let labelText = '';
   export let style = undefined;
   export let value = '';
diff --git a/src/components/Toggle/Toggle.svelte b/src/components/Toggle/Toggle.svelte
index 7bcc83b3..446f7a54 100644
--- a/src/components/Toggle/Toggle.svelte
+++ b/src/components/Toggle/Toggle.svelte
@@ -3,7 +3,7 @@
   export { className as class };
   export let disabled = false;
   export let id = Math.random();
-  export let name = Math.random();
+  export let name = undefined;
   export let labelA = 'Off';
   export let labelB = 'On';
   export let labelText = '';
diff --git a/src/components/ToggleSmall/ToggleSmall.svelte b/src/components/ToggleSmall/ToggleSmall.svelte
index dbe79666..e2386b15 100644
--- a/src/components/ToggleSmall/ToggleSmall.svelte
+++ b/src/components/ToggleSmall/ToggleSmall.svelte
@@ -3,7 +3,7 @@
   export { className as class };
   export let disabled = false;
   export let id = Math.random();
-  export let name = Math.random();
+  export let name = undefined;
   export let labelA = 'Off';
   export let labelB = 'On';
   export let labelText = '';