diff --git a/src/__tests__/__snapshots__/node.test.ts.snap b/src/__tests__/__snapshots__/node.test.ts.snap
index 081a534a0..1d53cd297 100644
--- a/src/__tests__/__snapshots__/node.test.ts.snap
+++ b/src/__tests__/__snapshots__/node.test.ts.snap
@@ -368,7 +368,7 @@ Object {
       "iconDefault": "32px",
       "logoDefault": "170px",
       "logoSmall": "140px",
-      "menuDropdown": "220px",
+      "menuDropdown": "280px",
       "modal": "570px",
       "modalLarge": "770px",
       "modalSmall": "370px",
diff --git a/src/components/__tests__/__snapshots__/button.test.tsx.snap b/src/components/__tests__/__snapshots__/button.test.tsx.snap
index 53477d948..8d1233628 100644
--- a/src/components/__tests__/__snapshots__/button.test.tsx.snap
+++ b/src/components/__tests__/__snapshots__/button.test.tsx.snap
@@ -6,7 +6,7 @@ exports[`<Button> button variations renders disabled button 1`] = `
     class="flex flex-col"
   >
     <button
-      class="flex w-12/12 justify-center items-center text-white leading-xs transition duration-200 cursor-pointer font-bold text-base focus:outline-none px-10 min-h-52 rounded border bg-salmon border-salmon hover:bg-salmon-dark focus:bg-salmon bg-grey-3 hover:bg-grey-3 cursor-not-allowed border-grey-3"
+      class="flex w-12/12 justify-center items-center text-white leading-xs transition duration-200 cursor-pointer font-bold text-base focus:outline-none px-10 min-h-36 rounded border bg-salmon border-salmon hover:bg-salmon-dark focus:bg-salmon bg-grey-3 hover:bg-grey-3 cursor-not-allowed border-grey-3"
       disabled=""
       type="button"
     >
@@ -22,7 +22,7 @@ exports[`<Button> button variations renders small button 1`] = `
     class="flex flex-col"
   >
     <button
-      class="flex w-12/12 justify-center items-center text-white leading-xs transition duration-200 cursor-pointer font-bold text-base focus:outline-none px-10 min-h-36 rounded border bg-salmon border-salmon hover:bg-salmon-dark focus:bg-salmon"
+      class="flex w-12/12 justify-center items-center text-white leading-xs transition duration-200 cursor-pointer font-bold text-base focus:outline-none px-10 min-h-52 rounded border bg-salmon border-salmon hover:bg-salmon-dark focus:bg-salmon"
       type="button"
     >
       Label
@@ -37,7 +37,7 @@ exports[`<Button> button variations renders small disabled button 1`] = `
     class="flex flex-col"
   >
     <button
-      class="flex w-12/12 justify-center items-center text-white leading-xs transition duration-200 cursor-pointer font-bold text-base focus:outline-none px-10 min-h-36 rounded border bg-salmon border-salmon hover:bg-salmon-dark focus:bg-salmon bg-grey-3 hover:bg-grey-3 cursor-not-allowed border-grey-3"
+      class="flex w-12/12 justify-center items-center text-white leading-xs transition duration-200 cursor-pointer font-bold text-base focus:outline-none px-10 min-h-52 rounded border bg-salmon border-salmon hover:bg-salmon-dark focus:bg-salmon bg-grey-3 hover:bg-grey-3 cursor-not-allowed border-grey-3"
       disabled=""
       type="button"
     >
@@ -53,7 +53,7 @@ exports[`<Button> button variations renders small teal button 1`] = `
     class="flex flex-col"
   >
     <button
-      class="flex w-12/12 justify-center items-center text-white leading-xs transition duration-200 cursor-pointer font-bold text-base focus:outline-none px-10 min-h-36 rounded border bg-teal hover:bg-teal-dark focus:bg-teal border-teal"
+      class="flex w-12/12 justify-center items-center text-white leading-xs transition duration-200 cursor-pointer font-bold text-base focus:outline-none px-10 min-h-52 rounded border bg-teal hover:bg-teal-dark focus:bg-teal border-teal"
       type="button"
     >
       Label
@@ -68,7 +68,7 @@ exports[`<Button> button variations renders teal button 1`] = `
     class="flex flex-col"
   >
     <button
-      class="flex w-12/12 justify-center items-center text-white leading-xs transition duration-200 cursor-pointer font-bold text-base focus:outline-none px-10 min-h-52 rounded border bg-teal hover:bg-teal-dark focus:bg-teal border-teal"
+      class="flex w-12/12 justify-center items-center text-white leading-xs transition duration-200 cursor-pointer font-bold text-base focus:outline-none px-10 min-h-36 rounded border bg-teal hover:bg-teal-dark focus:bg-teal border-teal"
       type="button"
     >
       Label
@@ -83,7 +83,7 @@ exports[`<Button> button variations renders white Teal button 1`] = `
     class="flex flex-col"
   >
     <button
-      class="flex w-12/12 justify-center items-center text-white leading-xs transition duration-200 cursor-pointer font-bold text-base focus:outline-none px-10 min-h-52 rounded border bg-white text-teal hover:opacity-60 border-teal"
+      class="flex w-12/12 justify-center items-center text-white leading-xs transition duration-200 cursor-pointer font-bold text-base focus:outline-none px-10 min-h-36 rounded border bg-white text-teal hover:opacity-60 border-teal"
       type="button"
     >
       Label
@@ -98,7 +98,7 @@ exports[`<Button> button variations renders white Teal small button 1`] = `
     class="flex flex-col"
   >
     <button
-      class="flex w-12/12 justify-center items-center text-white leading-xs transition duration-200 cursor-pointer font-bold text-base focus:outline-none px-10 min-h-36 rounded border bg-white text-teal hover:opacity-60 border-teal"
+      class="flex w-12/12 justify-center items-center text-white leading-xs transition duration-200 cursor-pointer font-bold text-base focus:outline-none px-10 min-h-52 rounded border bg-white text-teal hover:opacity-60 border-teal"
       type="button"
     >
       Label
@@ -115,7 +115,7 @@ exports[`<Button> renders a div with link as a child 1`] = `
     class="w-12/12 hover:opacity-100"
   >
     <span
-      class="flex items-center justify-center px-10 min-h-52 rounded border bg-salmon border-salmon hover:bg-salmon-dark focus:bg-salmon"
+      class="flex items-center justify-center px-10 min-h-36 rounded border bg-salmon border-salmon hover:bg-salmon-dark focus:bg-salmon"
     >
       Label
     </span>
@@ -129,7 +129,7 @@ exports[`<Button> renders default button correctly 1`] = `
     class="flex flex-col"
   >
     <button
-      class="flex w-12/12 justify-center items-center text-white leading-xs transition duration-200 cursor-pointer font-bold text-base focus:outline-none px-10 min-h-52 rounded border bg-salmon border-salmon hover:bg-salmon-dark focus:bg-salmon"
+      class="flex w-12/12 justify-center items-center text-white leading-xs transition duration-200 cursor-pointer font-bold text-base focus:outline-none px-10 min-h-36 rounded border bg-salmon border-salmon hover:bg-salmon-dark focus:bg-salmon"
       type="button"
     >
       Label
@@ -144,7 +144,7 @@ exports[`<Button> renders icon, size, paddings and text 1`] = `
     class="flex flex-col"
   >
     <button
-      class="flex w-12/12 justify-center items-center text-white leading-xs transition duration-200 cursor-pointer font-bold text-base focus:outline-none px-10 min-h-52 rounded border bg-salmon border-salmon hover:bg-salmon-dark focus:bg-salmon"
+      class="flex w-12/12 justify-center items-center text-white leading-xs transition duration-200 cursor-pointer font-bold text-base focus:outline-none px-10 min-h-36 rounded border bg-salmon border-salmon hover:bg-salmon-dark focus:bg-salmon"
       type="button"
     >
       <svg
diff --git a/src/components/dropdown/__tests__/__snapshots__/withAutosuggest.test.tsx.snap b/src/components/dropdown/__tests__/__snapshots__/withAutosuggest.test.tsx.snap
index 127e019c8..736f2a899 100644
--- a/src/components/dropdown/__tests__/__snapshots__/withAutosuggest.test.tsx.snap
+++ b/src/components/dropdown/__tests__/__snapshots__/withAutosuggest.test.tsx.snap
@@ -7,9 +7,9 @@ exports[`<DropdownWithAutosuggest> when closed renders the input 1`] = `
   autocomplete="off"
   autocorrect="off"
   class="cursor-text w-12/12 overflow-hidden"
-  data-testid="nodejsFrom"
-  id="nodejsFrom"
-  name="nodejsFrom"
+  data-testid="From"
+  id="From"
+  name="From"
   placeholder="Select number"
   spellcheck="false"
   value=""