diff --git a/storefront/styles/address.module.css b/storefront/styles/address.module.css
new file mode 100644
index 0000000000..9bf1f9341d
--- /dev/null
+++ b/storefront/styles/address.module.css
@@ -0,0 +1,27 @@
+.link-redirect {
+ font-weight: 600;
+ font-size: 18px;
+}
+
+.link-redirect:hover {
+ color: #ffffff;
+}
+
+.remove-address:hover {
+ cursor: pointer;
+}
+
+.card-wrapper {
+ width: 100%;
+ margin-bottom: 22px;
+ border-radius: 5px;
+ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
+ color: #ffffff;
+ font-weight: 600;
+}
+
+.card-layout {
+ font-size: 20px;
+ height: 100%;
+ border-radius: 5px;
+}
diff --git a/storefront/styles/form.css b/storefront/styles/form.css
new file mode 100644
index 0000000000..800787079c
--- /dev/null
+++ b/storefront/styles/form.css
@@ -0,0 +1,5 @@
+.form-wrapper {
+ background: #f0f0f0;
+ border-radius: 15px;
+ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+}
diff --git a/storefront/styles/globals.css b/storefront/styles/globals.css
index 11fa70739c..bb326b48a7 100644
--- a/storefront/styles/globals.css
+++ b/storefront/styles/globals.css
@@ -261,3 +261,9 @@ a {
display: inline-block;
font-size: 16px;
}
+
+.form-select:focus,
+.form-select:focus-visible {
+ border-color: #ced4da;
+ box-shadow: inherit;
+}