diff --git a/src/storybook/__snapshots__/Stories.test.ts.snap b/src/storybook/__snapshots__/Stories.test.ts.snap
index 97cd099b9..2d234c1cb 100644
--- a/src/storybook/__snapshots__/Stories.test.ts.snap
+++ b/src/storybook/__snapshots__/Stories.test.ts.snap
@@ -50774,7 +50774,7 @@ exports[`Storyshots Views / Channels / Channel details default 1`] = `
                   <div
                     class="MuiTypography-root-id MuiTypography-subtitle2-id MuiTypography-colorTextSecondary-id"
                   >
-                    0 Shipping Zones
+                    2 Shipping Zones
                   </div>
                 </div>
                 <div
@@ -50819,6 +50819,82 @@ exports[`Storyshots Views / Channels / Channel details default 1`] = `
                   <div
                     role="region"
                   >
+                    <hr
+                      class="MuiDivider-root-id"
+                    />
+                    <div
+                      class="ShippingZoneItem-container-id"
+                    >
+                      <div
+                        class="MuiTypography-root-id MuiTypography-body1-id"
+                      >
+                        Europe
+                      </div>
+                      <div
+                        class="DeletableItem-container-id"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root-id"
+                          focusable="false"
+                          viewBox="0 0 24 24"
+                        >
+                          <svg
+                            fill="none"
+                            height="22"
+                            viewBox="0 0 18 22"
+                            width="18"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              clip-rule="evenodd"
+                              d="M7 0C5.89543 0 5 0.89543 5 2V3H1C0.447715 3 0 3.44772 0 4C0 4.55228 0.447715 5 1 5H17C17.5523 5 18 4.55228 18 4C18 3.44772 17.5523 3 17 3H13V2C13 0.89543 12.1046 0 11 0H7ZM11 3H7V2H11V3ZM4 8C4 7.44772 3.55228 7 3 7C2.44772 7 2 7.44772 2 8V19C2 20.6569 3.34315 22 5 22H13C14.6569 22 16 20.6569 16 19V8C16 7.44772 15.5523 7 15 7C14.4477 7 14 7.44772 14 8V19C14 19.5523 13.5523 20 13 20H5C4.44772 20 4 19.5523 4 19V8ZM7 10C7.55228 10 8 10.4477 8 11V16C8 16.5523 7.55228 17 7 17C6.44772 17 6 16.5523 6 16V11C6 10.4477 6.44772 10 7 10ZM12 11C12 10.4477 11.5523 10 11 10C10.4477 10 10 10.4477 10 11V16C10 16.5523 10.4477 17 11 17C11.5523 17 12 16.5523 12 16V11Z"
+                              fill="#28234A"
+                              fill-opacity="0.6"
+                              fill-rule="evenodd"
+                            />
+                          </svg>
+                        </svg>
+                      </div>
+                    </div>
+                    <hr
+                      class="MuiDivider-root-id"
+                    />
+                    <div
+                      class="ShippingZoneItem-container-id"
+                    >
+                      <div
+                        class="MuiTypography-root-id MuiTypography-body1-id"
+                      >
+                        USA
+                      </div>
+                      <div
+                        class="DeletableItem-container-id"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root-id"
+                          focusable="false"
+                          viewBox="0 0 24 24"
+                        >
+                          <svg
+                            fill="none"
+                            height="22"
+                            viewBox="0 0 18 22"
+                            width="18"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              clip-rule="evenodd"
+                              d="M7 0C5.89543 0 5 0.89543 5 2V3H1C0.447715 3 0 3.44772 0 4C0 4.55228 0.447715 5 1 5H17C17.5523 5 18 4.55228 18 4C18 3.44772 17.5523 3 17 3H13V2C13 0.89543 12.1046 0 11 0H7ZM11 3H7V2H11V3ZM4 8C4 7.44772 3.55228 7 3 7C2.44772 7 2 7.44772 2 8V19C2 20.6569 3.34315 22 5 22H13C14.6569 22 16 20.6569 16 19V8C16 7.44772 15.5523 7 15 7C14.4477 7 14 7.44772 14 8V19C14 19.5523 13.5523 20 13 20H5C4.44772 20 4 19.5523 4 19V8ZM7 10C7.55228 10 8 10.4477 8 11V16C8 16.5523 7.55228 17 7 17C6.44772 17 6 16.5523 6 16V11C6 10.4477 6.44772 10 7 10ZM12 11C12 10.4477 11.5523 10 11 10C10.4477 10 10 10.4477 10 11V16C10 16.5523 10.4477 17 11 17C11.5523 17 12 16.5523 12 16V11Z"
+                              fill="#28234A"
+                              fill-opacity="0.6"
+                              fill-rule="evenodd"
+                            />
+                          </svg>
+                        </svg>
+                      </div>
+                    </div>
                     <hr
                       class="MuiDivider-root-id"
                     />
@@ -51167,7 +51243,7 @@ exports[`Storyshots Views / Channels / Channel details disabled 1`] = `
                   <div
                     class="MuiTypography-root-id MuiTypography-subtitle2-id MuiTypography-colorTextSecondary-id"
                   >
-                    0 Shipping Zones
+                    2 Shipping Zones
                   </div>
                 </div>
                 <div
@@ -51212,6 +51288,82 @@ exports[`Storyshots Views / Channels / Channel details disabled 1`] = `
                   <div
                     role="region"
                   >
+                    <hr
+                      class="MuiDivider-root-id"
+                    />
+                    <div
+                      class="ShippingZoneItem-container-id"
+                    >
+                      <div
+                        class="MuiTypography-root-id MuiTypography-body1-id"
+                      >
+                        Europe
+                      </div>
+                      <div
+                        class="DeletableItem-container-id"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root-id"
+                          focusable="false"
+                          viewBox="0 0 24 24"
+                        >
+                          <svg
+                            fill="none"
+                            height="22"
+                            viewBox="0 0 18 22"
+                            width="18"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              clip-rule="evenodd"
+                              d="M7 0C5.89543 0 5 0.89543 5 2V3H1C0.447715 3 0 3.44772 0 4C0 4.55228 0.447715 5 1 5H17C17.5523 5 18 4.55228 18 4C18 3.44772 17.5523 3 17 3H13V2C13 0.89543 12.1046 0 11 0H7ZM11 3H7V2H11V3ZM4 8C4 7.44772 3.55228 7 3 7C2.44772 7 2 7.44772 2 8V19C2 20.6569 3.34315 22 5 22H13C14.6569 22 16 20.6569 16 19V8C16 7.44772 15.5523 7 15 7C14.4477 7 14 7.44772 14 8V19C14 19.5523 13.5523 20 13 20H5C4.44772 20 4 19.5523 4 19V8ZM7 10C7.55228 10 8 10.4477 8 11V16C8 16.5523 7.55228 17 7 17C6.44772 17 6 16.5523 6 16V11C6 10.4477 6.44772 10 7 10ZM12 11C12 10.4477 11.5523 10 11 10C10.4477 10 10 10.4477 10 11V16C10 16.5523 10.4477 17 11 17C11.5523 17 12 16.5523 12 16V11Z"
+                              fill="#28234A"
+                              fill-opacity="0.6"
+                              fill-rule="evenodd"
+                            />
+                          </svg>
+                        </svg>
+                      </div>
+                    </div>
+                    <hr
+                      class="MuiDivider-root-id"
+                    />
+                    <div
+                      class="ShippingZoneItem-container-id"
+                    >
+                      <div
+                        class="MuiTypography-root-id MuiTypography-body1-id"
+                      >
+                        USA
+                      </div>
+                      <div
+                        class="DeletableItem-container-id"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root-id"
+                          focusable="false"
+                          viewBox="0 0 24 24"
+                        >
+                          <svg
+                            fill="none"
+                            height="22"
+                            viewBox="0 0 18 22"
+                            width="18"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              clip-rule="evenodd"
+                              d="M7 0C5.89543 0 5 0.89543 5 2V3H1C0.447715 3 0 3.44772 0 4C0 4.55228 0.447715 5 1 5H17C17.5523 5 18 4.55228 18 4C18 3.44772 17.5523 3 17 3H13V2C13 0.89543 12.1046 0 11 0H7ZM11 3H7V2H11V3ZM4 8C4 7.44772 3.55228 7 3 7C2.44772 7 2 7.44772 2 8V19C2 20.6569 3.34315 22 5 22H13C14.6569 22 16 20.6569 16 19V8C16 7.44772 15.5523 7 15 7C14.4477 7 14 7.44772 14 8V19C14 19.5523 13.5523 20 13 20H5C4.44772 20 4 19.5523 4 19V8ZM7 10C7.55228 10 8 10.4477 8 11V16C8 16.5523 7.55228 17 7 17C6.44772 17 6 16.5523 6 16V11C6 10.4477 6.44772 10 7 10ZM12 11C12 10.4477 11.5523 10 11 10C10.4477 10 10 10.4477 10 11V16C10 16.5523 10.4477 17 11 17C11.5523 17 12 16.5523 12 16V11Z"
+                              fill="#28234A"
+                              fill-opacity="0.6"
+                              fill-rule="evenodd"
+                            />
+                          </svg>
+                        </svg>
+                      </div>
+                    </div>
                     <hr
                       class="MuiDivider-root-id"
                     />
@@ -51557,7 +51709,7 @@ exports[`Storyshots Views / Channels / Channel details loading 1`] = `
                   <div
                     class="MuiTypography-root-id MuiTypography-subtitle2-id MuiTypography-colorTextSecondary-id"
                   >
-                    0 Shipping Zones
+                    2 Shipping Zones
                   </div>
                 </div>
                 <div
@@ -51602,6 +51754,82 @@ exports[`Storyshots Views / Channels / Channel details loading 1`] = `
                   <div
                     role="region"
                   >
+                    <hr
+                      class="MuiDivider-root-id"
+                    />
+                    <div
+                      class="ShippingZoneItem-container-id"
+                    >
+                      <div
+                        class="MuiTypography-root-id MuiTypography-body1-id"
+                      >
+                        Europe
+                      </div>
+                      <div
+                        class="DeletableItem-container-id"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root-id"
+                          focusable="false"
+                          viewBox="0 0 24 24"
+                        >
+                          <svg
+                            fill="none"
+                            height="22"
+                            viewBox="0 0 18 22"
+                            width="18"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              clip-rule="evenodd"
+                              d="M7 0C5.89543 0 5 0.89543 5 2V3H1C0.447715 3 0 3.44772 0 4C0 4.55228 0.447715 5 1 5H17C17.5523 5 18 4.55228 18 4C18 3.44772 17.5523 3 17 3H13V2C13 0.89543 12.1046 0 11 0H7ZM11 3H7V2H11V3ZM4 8C4 7.44772 3.55228 7 3 7C2.44772 7 2 7.44772 2 8V19C2 20.6569 3.34315 22 5 22H13C14.6569 22 16 20.6569 16 19V8C16 7.44772 15.5523 7 15 7C14.4477 7 14 7.44772 14 8V19C14 19.5523 13.5523 20 13 20H5C4.44772 20 4 19.5523 4 19V8ZM7 10C7.55228 10 8 10.4477 8 11V16C8 16.5523 7.55228 17 7 17C6.44772 17 6 16.5523 6 16V11C6 10.4477 6.44772 10 7 10ZM12 11C12 10.4477 11.5523 10 11 10C10.4477 10 10 10.4477 10 11V16C10 16.5523 10.4477 17 11 17C11.5523 17 12 16.5523 12 16V11Z"
+                              fill="#28234A"
+                              fill-opacity="0.6"
+                              fill-rule="evenodd"
+                            />
+                          </svg>
+                        </svg>
+                      </div>
+                    </div>
+                    <hr
+                      class="MuiDivider-root-id"
+                    />
+                    <div
+                      class="ShippingZoneItem-container-id"
+                    >
+                      <div
+                        class="MuiTypography-root-id MuiTypography-body1-id"
+                      >
+                        USA
+                      </div>
+                      <div
+                        class="DeletableItem-container-id"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root-id"
+                          focusable="false"
+                          viewBox="0 0 24 24"
+                        >
+                          <svg
+                            fill="none"
+                            height="22"
+                            viewBox="0 0 18 22"
+                            width="18"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              clip-rule="evenodd"
+                              d="M7 0C5.89543 0 5 0.89543 5 2V3H1C0.447715 3 0 3.44772 0 4C0 4.55228 0.447715 5 1 5H17C17.5523 5 18 4.55228 18 4C18 3.44772 17.5523 3 17 3H13V2C13 0.89543 12.1046 0 11 0H7ZM11 3H7V2H11V3ZM4 8C4 7.44772 3.55228 7 3 7C2.44772 7 2 7.44772 2 8V19C2 20.6569 3.34315 22 5 22H13C14.6569 22 16 20.6569 16 19V8C16 7.44772 15.5523 7 15 7C14.4477 7 14 7.44772 14 8V19C14 19.5523 13.5523 20 13 20H5C4.44772 20 4 19.5523 4 19V8ZM7 10C7.55228 10 8 10.4477 8 11V16C8 16.5523 7.55228 17 7 17C6.44772 17 6 16.5523 6 16V11C6 10.4477 6.44772 10 7 10ZM12 11C12 10.4477 11.5523 10 11 10C10.4477 10 10 10.4477 10 11V16C10 16.5523 10.4477 17 11 17C11.5523 17 12 16.5523 12 16V11Z"
+                              fill="#28234A"
+                              fill-opacity="0.6"
+                              fill-rule="evenodd"
+                            />
+                          </svg>
+                        </svg>
+                      </div>
+                    </div>
                     <hr
                       class="MuiDivider-root-id"
                     />
@@ -51947,7 +52175,7 @@ exports[`Storyshots Views / Channels / Channel details with data 1`] = `
                   <div
                     class="MuiTypography-root-id MuiTypography-subtitle2-id MuiTypography-colorTextSecondary-id"
                   >
-                    0 Shipping Zones
+                    2 Shipping Zones
                   </div>
                 </div>
                 <div
@@ -51992,6 +52220,82 @@ exports[`Storyshots Views / Channels / Channel details with data 1`] = `
                   <div
                     role="region"
                   >
+                    <hr
+                      class="MuiDivider-root-id"
+                    />
+                    <div
+                      class="ShippingZoneItem-container-id"
+                    >
+                      <div
+                        class="MuiTypography-root-id MuiTypography-body1-id"
+                      >
+                        Europe
+                      </div>
+                      <div
+                        class="DeletableItem-container-id"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root-id"
+                          focusable="false"
+                          viewBox="0 0 24 24"
+                        >
+                          <svg
+                            fill="none"
+                            height="22"
+                            viewBox="0 0 18 22"
+                            width="18"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              clip-rule="evenodd"
+                              d="M7 0C5.89543 0 5 0.89543 5 2V3H1C0.447715 3 0 3.44772 0 4C0 4.55228 0.447715 5 1 5H17C17.5523 5 18 4.55228 18 4C18 3.44772 17.5523 3 17 3H13V2C13 0.89543 12.1046 0 11 0H7ZM11 3H7V2H11V3ZM4 8C4 7.44772 3.55228 7 3 7C2.44772 7 2 7.44772 2 8V19C2 20.6569 3.34315 22 5 22H13C14.6569 22 16 20.6569 16 19V8C16 7.44772 15.5523 7 15 7C14.4477 7 14 7.44772 14 8V19C14 19.5523 13.5523 20 13 20H5C4.44772 20 4 19.5523 4 19V8ZM7 10C7.55228 10 8 10.4477 8 11V16C8 16.5523 7.55228 17 7 17C6.44772 17 6 16.5523 6 16V11C6 10.4477 6.44772 10 7 10ZM12 11C12 10.4477 11.5523 10 11 10C10.4477 10 10 10.4477 10 11V16C10 16.5523 10.4477 17 11 17C11.5523 17 12 16.5523 12 16V11Z"
+                              fill="#28234A"
+                              fill-opacity="0.6"
+                              fill-rule="evenodd"
+                            />
+                          </svg>
+                        </svg>
+                      </div>
+                    </div>
+                    <hr
+                      class="MuiDivider-root-id"
+                    />
+                    <div
+                      class="ShippingZoneItem-container-id"
+                    >
+                      <div
+                        class="MuiTypography-root-id MuiTypography-body1-id"
+                      >
+                        USA
+                      </div>
+                      <div
+                        class="DeletableItem-container-id"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root-id"
+                          focusable="false"
+                          viewBox="0 0 24 24"
+                        >
+                          <svg
+                            fill="none"
+                            height="22"
+                            viewBox="0 0 18 22"
+                            width="18"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              clip-rule="evenodd"
+                              d="M7 0C5.89543 0 5 0.89543 5 2V3H1C0.447715 3 0 3.44772 0 4C0 4.55228 0.447715 5 1 5H17C17.5523 5 18 4.55228 18 4C18 3.44772 17.5523 3 17 3H13V2C13 0.89543 12.1046 0 11 0H7ZM11 3H7V2H11V3ZM4 8C4 7.44772 3.55228 7 3 7C2.44772 7 2 7.44772 2 8V19C2 20.6569 3.34315 22 5 22H13C14.6569 22 16 20.6569 16 19V8C16 7.44772 15.5523 7 15 7C14.4477 7 14 7.44772 14 8V19C14 19.5523 13.5523 20 13 20H5C4.44772 20 4 19.5523 4 19V8ZM7 10C7.55228 10 8 10.4477 8 11V16C8 16.5523 7.55228 17 7 17C6.44772 17 6 16.5523 6 16V11C6 10.4477 6.44772 10 7 10ZM12 11C12 10.4477 11.5523 10 11 10C10.4477 10 10 10.4477 10 11V16C10 16.5523 10.4477 17 11 17C11.5523 17 12 16.5523 12 16V11Z"
+                              fill="#28234A"
+                              fill-opacity="0.6"
+                              fill-rule="evenodd"
+                            />
+                          </svg>
+                        </svg>
+                      </div>
+                    </div>
                     <hr
                       class="MuiDivider-root-id"
                     />
@@ -52343,7 +52647,7 @@ exports[`Storyshots Views / Channels / Channel details with errors 1`] = `
                   <div
                     class="MuiTypography-root-id MuiTypography-subtitle2-id MuiTypography-colorTextSecondary-id"
                   >
-                    0 Shipping Zones
+                    2 Shipping Zones
                   </div>
                 </div>
                 <div
@@ -52388,6 +52692,82 @@ exports[`Storyshots Views / Channels / Channel details with errors 1`] = `
                   <div
                     role="region"
                   >
+                    <hr
+                      class="MuiDivider-root-id"
+                    />
+                    <div
+                      class="ShippingZoneItem-container-id"
+                    >
+                      <div
+                        class="MuiTypography-root-id MuiTypography-body1-id"
+                      >
+                        Europe
+                      </div>
+                      <div
+                        class="DeletableItem-container-id"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root-id"
+                          focusable="false"
+                          viewBox="0 0 24 24"
+                        >
+                          <svg
+                            fill="none"
+                            height="22"
+                            viewBox="0 0 18 22"
+                            width="18"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              clip-rule="evenodd"
+                              d="M7 0C5.89543 0 5 0.89543 5 2V3H1C0.447715 3 0 3.44772 0 4C0 4.55228 0.447715 5 1 5H17C17.5523 5 18 4.55228 18 4C18 3.44772 17.5523 3 17 3H13V2C13 0.89543 12.1046 0 11 0H7ZM11 3H7V2H11V3ZM4 8C4 7.44772 3.55228 7 3 7C2.44772 7 2 7.44772 2 8V19C2 20.6569 3.34315 22 5 22H13C14.6569 22 16 20.6569 16 19V8C16 7.44772 15.5523 7 15 7C14.4477 7 14 7.44772 14 8V19C14 19.5523 13.5523 20 13 20H5C4.44772 20 4 19.5523 4 19V8ZM7 10C7.55228 10 8 10.4477 8 11V16C8 16.5523 7.55228 17 7 17C6.44772 17 6 16.5523 6 16V11C6 10.4477 6.44772 10 7 10ZM12 11C12 10.4477 11.5523 10 11 10C10.4477 10 10 10.4477 10 11V16C10 16.5523 10.4477 17 11 17C11.5523 17 12 16.5523 12 16V11Z"
+                              fill="#28234A"
+                              fill-opacity="0.6"
+                              fill-rule="evenodd"
+                            />
+                          </svg>
+                        </svg>
+                      </div>
+                    </div>
+                    <hr
+                      class="MuiDivider-root-id"
+                    />
+                    <div
+                      class="ShippingZoneItem-container-id"
+                    >
+                      <div
+                        class="MuiTypography-root-id MuiTypography-body1-id"
+                      >
+                        USA
+                      </div>
+                      <div
+                        class="DeletableItem-container-id"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root-id"
+                          focusable="false"
+                          viewBox="0 0 24 24"
+                        >
+                          <svg
+                            fill="none"
+                            height="22"
+                            viewBox="0 0 18 22"
+                            width="18"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              clip-rule="evenodd"
+                              d="M7 0C5.89543 0 5 0.89543 5 2V3H1C0.447715 3 0 3.44772 0 4C0 4.55228 0.447715 5 1 5H17C17.5523 5 18 4.55228 18 4C18 3.44772 17.5523 3 17 3H13V2C13 0.89543 12.1046 0 11 0H7ZM11 3H7V2H11V3ZM4 8C4 7.44772 3.55228 7 3 7C2.44772 7 2 7.44772 2 8V19C2 20.6569 3.34315 22 5 22H13C14.6569 22 16 20.6569 16 19V8C16 7.44772 15.5523 7 15 7C14.4477 7 14 7.44772 14 8V19C14 19.5523 13.5523 20 13 20H5C4.44772 20 4 19.5523 4 19V8ZM7 10C7.55228 10 8 10.4477 8 11V16C8 16.5523 7.55228 17 7 17C6.44772 17 6 16.5523 6 16V11C6 10.4477 6.44772 10 7 10ZM12 11C12 10.4477 11.5523 10 11 10C10.4477 10 10 10.4477 10 11V16C10 16.5523 10.4477 17 11 17C11.5523 17 12 16.5523 12 16V11Z"
+                              fill="#28234A"
+                              fill-opacity="0.6"
+                              fill-rule="evenodd"
+                            />
+                          </svg>
+                        </svg>
+                      </div>
+                    </div>
                     <hr
                       class="MuiDivider-root-id"
                     />
@@ -52686,7 +53066,7 @@ exports[`Storyshots Views / Channels / Channel details without editable currency
                   <div
                     class="MuiTypography-root-id MuiTypography-subtitle2-id MuiTypography-colorTextSecondary-id"
                   >
-                    0 Shipping Zones
+                    2 Shipping Zones
                   </div>
                 </div>
                 <div
@@ -52731,6 +53111,82 @@ exports[`Storyshots Views / Channels / Channel details without editable currency
                   <div
                     role="region"
                   >
+                    <hr
+                      class="MuiDivider-root-id"
+                    />
+                    <div
+                      class="ShippingZoneItem-container-id"
+                    >
+                      <div
+                        class="MuiTypography-root-id MuiTypography-body1-id"
+                      >
+                        Europe
+                      </div>
+                      <div
+                        class="DeletableItem-container-id"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root-id"
+                          focusable="false"
+                          viewBox="0 0 24 24"
+                        >
+                          <svg
+                            fill="none"
+                            height="22"
+                            viewBox="0 0 18 22"
+                            width="18"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              clip-rule="evenodd"
+                              d="M7 0C5.89543 0 5 0.89543 5 2V3H1C0.447715 3 0 3.44772 0 4C0 4.55228 0.447715 5 1 5H17C17.5523 5 18 4.55228 18 4C18 3.44772 17.5523 3 17 3H13V2C13 0.89543 12.1046 0 11 0H7ZM11 3H7V2H11V3ZM4 8C4 7.44772 3.55228 7 3 7C2.44772 7 2 7.44772 2 8V19C2 20.6569 3.34315 22 5 22H13C14.6569 22 16 20.6569 16 19V8C16 7.44772 15.5523 7 15 7C14.4477 7 14 7.44772 14 8V19C14 19.5523 13.5523 20 13 20H5C4.44772 20 4 19.5523 4 19V8ZM7 10C7.55228 10 8 10.4477 8 11V16C8 16.5523 7.55228 17 7 17C6.44772 17 6 16.5523 6 16V11C6 10.4477 6.44772 10 7 10ZM12 11C12 10.4477 11.5523 10 11 10C10.4477 10 10 10.4477 10 11V16C10 16.5523 10.4477 17 11 17C11.5523 17 12 16.5523 12 16V11Z"
+                              fill="#28234A"
+                              fill-opacity="0.6"
+                              fill-rule="evenodd"
+                            />
+                          </svg>
+                        </svg>
+                      </div>
+                    </div>
+                    <hr
+                      class="MuiDivider-root-id"
+                    />
+                    <div
+                      class="ShippingZoneItem-container-id"
+                    >
+                      <div
+                        class="MuiTypography-root-id MuiTypography-body1-id"
+                      >
+                        USA
+                      </div>
+                      <div
+                        class="DeletableItem-container-id"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root-id"
+                          focusable="false"
+                          viewBox="0 0 24 24"
+                        >
+                          <svg
+                            fill="none"
+                            height="22"
+                            viewBox="0 0 18 22"
+                            width="18"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              clip-rule="evenodd"
+                              d="M7 0C5.89543 0 5 0.89543 5 2V3H1C0.447715 3 0 3.44772 0 4C0 4.55228 0.447715 5 1 5H17C17.5523 5 18 4.55228 18 4C18 3.44772 17.5523 3 17 3H13V2C13 0.89543 12.1046 0 11 0H7ZM11 3H7V2H11V3ZM4 8C4 7.44772 3.55228 7 3 7C2.44772 7 2 7.44772 2 8V19C2 20.6569 3.34315 22 5 22H13C14.6569 22 16 20.6569 16 19V8C16 7.44772 15.5523 7 15 7C14.4477 7 14 7.44772 14 8V19C14 19.5523 13.5523 20 13 20H5C4.44772 20 4 19.5523 4 19V8ZM7 10C7.55228 10 8 10.4477 8 11V16C8 16.5523 7.55228 17 7 17C6.44772 17 6 16.5523 6 16V11C6 10.4477 6.44772 10 7 10ZM12 11C12 10.4477 11.5523 10 11 10C10.4477 10 10 10.4477 10 11V16C10 16.5523 10.4477 17 11 17C11.5523 17 12 16.5523 12 16V11Z"
+                              fill="#28234A"
+                              fill-opacity="0.6"
+                              fill-rule="evenodd"
+                            />
+                          </svg>
+                        </svg>
+                      </div>
+                    </div>
                     <hr
                       class="MuiDivider-root-id"
                     />