diff --git a/apps/scandic-web/components/TempDesignSystem/Form/Country/country.module.css b/apps/scandic-web/components/TempDesignSystem/Form/Country/country.module.css
index 036482f3e..678f3c107 100644
--- a/apps/scandic-web/components/TempDesignSystem/Form/Country/country.module.css
+++ b/apps/scandic-web/components/TempDesignSystem/Form/Country/country.module.css
@@ -3,6 +3,7 @@
   border: 1px solid var(--Border-Interactive-Default);
   border-radius: var(--Corner-radius-md);
   position: relative;
+  height: 56px;
 
   &[data-required] .label::after {
     content: " *";
@@ -15,7 +16,8 @@
   }
 
   &[data-focused] {
-    border-color: var(--Border-Interactive-Focus);
+    outline-offset: -2px;
+    outline: 2px solid var(--Border-Interactive-Focus);
 
     .button,
     .input {
@@ -54,9 +56,9 @@
   box-sizing: border-box;
   display: flex;
   gap: var(--Space-x1);
-  height: 56px;
   padding: var(--Space-x15);
   width: 100%;
+  height: 100%;
 }
 
 .displayText {
diff --git a/apps/scandic-web/components/TempDesignSystem/Form/Phone/phone.module.css b/apps/scandic-web/components/TempDesignSystem/Form/Phone/phone.module.css
index 087433f68..8f1451105 100644
--- a/apps/scandic-web/components/TempDesignSystem/Form/Phone/phone.module.css
+++ b/apps/scandic-web/components/TempDesignSystem/Form/Phone/phone.module.css
@@ -61,17 +61,22 @@
 .select {
   align-content: center;
   background-color: var(--Main-Grey-White);
-  border-color: var(--Scandic-Beige-40);
+  border-color: var(--Border-Interactive-Default);
   border-style: solid;
   border-width: 1px;
   border-radius: var(--Corner-radius-md);
   display: grid;
   gap: var(--Space-x05);
   grid-template-rows: auto auto;
-  height: 60px;
-  padding: var(--Space-x1) var(--Space-x2);
+  height: 56px;
+  padding: var(--Space-x15);
   transition: border-color 200ms ease;
   width: 100%;
+
+  &:focus {
+    outline-offset: -2px;
+    outline: 2px solid var(--Border-Interactive-Focus);
+  }
 }
 
 .select[aria-expanded="true"] .chevron {
diff --git a/packages/design-system/lib/components/Input/input.module.css b/packages/design-system/lib/components/Input/input.module.css
index f2521cdb4..97add50c7 100644
--- a/packages/design-system/lib/components/Input/input.module.css
+++ b/packages/design-system/lib/components/Input/input.module.css
@@ -5,8 +5,8 @@
   border-radius: var(--Corner-radius-md);
   display: grid;
   min-width: 0; /* allow shrinkage */
-  height: 60px;
-  padding: var(--Space-x1) var(--Space-x2);
+  height: 56px;
+  padding: var(--Space-x15);
   box-sizing: border-box;
   cursor: text;
 
diff --git a/packages/design-system/lib/components/Select/select.module.css b/packages/design-system/lib/components/Select/select.module.css
index 0bfccab18..539b6ea8e 100644
--- a/packages/design-system/lib/components/Select/select.module.css
+++ b/packages/design-system/lib/components/Select/select.module.css
@@ -3,6 +3,7 @@
   background-color: var(--Surface-UI-Fill-Default);
   border: 1px solid var(--Border-Interactive-Default);
   border-radius: var(--Corner-radius-md);
+  height: 56px;
 
   &[data-required] .label::after {
     content: ' *';
@@ -17,7 +18,8 @@
     }
   }
   &[data-focused] {
-    border-color: var(--Border-Interactive-Focus);
+    outline-offset: -2px;
+    outline: 2px solid var(--Border-Interactive-Focus);
 
     .button,
     .input {