diff --git a/src/components/admin/store/ItemDetailsForm/index.tsx b/src/components/admin/store/ItemDetailsForm/index.tsx
index 923afc0a..66f3ef9f 100644
--- a/src/components/admin/store/ItemDetailsForm/index.tsx
+++ b/src/components/admin/store/ItemDetailsForm/index.tsx
@@ -374,140 +374,142 @@ const ItemDetailsForm = ({ mode, defaultData, token, collections }: IProps) => {
           </li>
         </ul>
 
-        <table className={style.options}>
-          <thead>
-            <tr>
-              {options.length > 1 && (
-                <>
-                  <th />
-                  <th>
-                    <input
-                      type="text"
-                      name="category-type"
-                      aria-label="Option type"
-                      placeholder="Size, color, ..."
-                      required
-                      value={optionType}
-                      onChange={e => setOptionType(e.currentTarget.value)}
-                    />
-                  </th>
-                </>
-              )}
-              <th>Price</th>
-              <th>Quantity</th>
-              <th>Percent discount</th>
-              {options.length > 1 && <th>Remove</th>}
-            </tr>
-          </thead>
-          <tbody>
-            <Draggable items={options} onReorder={setOptions}>
-              {(props, option, i) => (
-                <tr key={option.uuid || i} {...props}>
-                  {options.length > 1 && (
-                    <>
-                      <td>
-                        <BsGripVertical className={`${DRAG_HANDLE} ${style.grip}`} />
-                      </td>
-                      <td>
-                        <input
-                          type="text"
-                          name="category-value"
-                          aria-label={optionType}
-                          required
-                          value={option.value}
-                          onChange={e =>
-                            setOptions(
-                              options.map((option, index) =>
-                                index === i ? { ...option, value: e.currentTarget.value } : option
+        <div className={style.tableScroller}>
+          <table className={`${style.options} ${options.length > 1 ? style.multipleOptions : ''}`}>
+            <thead>
+              <tr>
+                {options.length > 1 && (
+                  <>
+                    <th />
+                    <th>
+                      <input
+                        type="text"
+                        name="category-type"
+                        aria-label="Option type"
+                        placeholder="Size, color, ..."
+                        required
+                        value={optionType}
+                        onChange={e => setOptionType(e.currentTarget.value)}
+                      />
+                    </th>
+                  </>
+                )}
+                <th>Price</th>
+                <th>Quantity</th>
+                <th>Percent discount</th>
+                {options.length > 1 && <th>Remove</th>}
+              </tr>
+            </thead>
+            <tbody>
+              <Draggable items={options} onReorder={setOptions}>
+                {(props, option, i) => (
+                  <tr key={option.uuid || i} {...props}>
+                    {options.length > 1 && (
+                      <>
+                        <td>
+                          <BsGripVertical className={`${DRAG_HANDLE} ${style.grip}`} />
+                        </td>
+                        <td>
+                          <input
+                            type="text"
+                            name="category-value"
+                            aria-label={optionType}
+                            required
+                            value={option.value}
+                            onChange={e =>
+                              setOptions(
+                                options.map((option, index) =>
+                                  index === i ? { ...option, value: e.currentTarget.value } : option
+                                )
                               )
+                            }
+                          />
+                        </td>
+                      </>
+                    )}
+                    <td>
+                      <input
+                        type="number"
+                        name="price"
+                        aria-label="Price"
+                        min={0}
+                        value={option.price}
+                        onChange={e =>
+                          setOptions(
+                            options.map((option, index) =>
+                              index === i ? { ...option, price: e.currentTarget.value } : option
                             )
-                          }
-                        />
-                      </td>
-                    </>
-                  )}
-                  <td>
-                    <input
-                      type="number"
-                      name="price"
-                      aria-label="Price"
-                      min={0}
-                      value={option.price}
-                      onChange={e =>
-                        setOptions(
-                          options.map((option, index) =>
-                            index === i ? { ...option, price: e.currentTarget.value } : option
                           )
-                        )
-                      }
-                    />
-                  </td>
-                  <td>
-                    <input
-                      type="number"
-                      name="quantity"
-                      aria-label="Quantity"
-                      min={0}
-                      value={option.quantity}
-                      onChange={e =>
-                        setOptions(
-                          options.map((option, index) =>
-                            index === i ? { ...option, quantity: e.currentTarget.value } : option
-                          )
-                        )
-                      }
-                    />
-                  </td>
-                  <td>
-                    <input
-                      type="number"
-                      name="discount-percentage"
-                      aria-label="Percent discount"
-                      min={0}
-                      max={100}
-                      value={option.discountPercentage}
-                      onChange={e =>
-                        setOptions(
-                          options.map((option, index) =>
-                            index === i
-                              ? { ...option, discountPercentage: e.currentTarget.value }
-                              : option
+                        }
+                      />
+                    </td>
+                    <td>
+                      <input
+                        type="number"
+                        name="quantity"
+                        aria-label="Quantity"
+                        min={0}
+                        value={option.quantity}
+                        onChange={e =>
+                          setOptions(
+                            options.map((option, index) =>
+                              index === i ? { ...option, quantity: e.currentTarget.value } : option
+                            )
                           )
-                        )
-                      }
-                    />
-                  </td>
-                  {options.length > 1 && (
+                        }
+                      />
+                    </td>
                     <td>
-                      <Button
-                        onClick={() => setOptions(options.filter((_, index) => index !== i))}
-                        destructive
-                      >
-                        Remove
-                      </Button>
+                      <input
+                        type="number"
+                        name="discount-percentage"
+                        aria-label="Percent discount"
+                        min={0}
+                        max={100}
+                        value={option.discountPercentage}
+                        onChange={e =>
+                          setOptions(
+                            options.map((option, index) =>
+                              index === i
+                                ? { ...option, discountPercentage: e.currentTarget.value }
+                                : option
+                            )
+                          )
+                        }
+                      />
                     </td>
-                  )}
-                </tr>
-              )}
-            </Draggable>
-          </tbody>
-          <tfoot>
-            <tr>
-              <td colSpan={10}>
-                <Button
-                  onClick={() =>
-                    setOptions([
-                      ...options,
-                      { price: '', quantity: '', discountPercentage: '0', value: '' },
-                    ])
-                  }
-                >
-                  Add option
-                </Button>
-              </td>
-            </tr>
-          </tfoot>
-        </table>
+                    {options.length > 1 && (
+                      <td>
+                        <Button
+                          onClick={() => setOptions(options.filter((_, index) => index !== i))}
+                          destructive
+                        >
+                          Remove
+                        </Button>
+                      </td>
+                    )}
+                  </tr>
+                )}
+              </Draggable>
+            </tbody>
+            <tfoot>
+              <tr>
+                <td colSpan={10}>
+                  <Button
+                    onClick={() =>
+                      setOptions([
+                        ...options,
+                        { price: '', quantity: '', discountPercentage: '0', value: '' },
+                      ])
+                    }
+                  >
+                    Add option
+                  </Button>
+                </td>
+              </tr>
+            </tfoot>
+          </table>
+        </div>
 
         <EventDetailsFormItem error={errors.hidden?.message}>
           <label>
diff --git a/src/components/admin/store/ItemDetailsForm/style.module.scss b/src/components/admin/store/ItemDetailsForm/style.module.scss
index 6224de6e..97971c29 100644
--- a/src/components/admin/store/ItemDetailsForm/style.module.scss
+++ b/src/components/admin/store/ItemDetailsForm/style.module.scss
@@ -3,6 +3,7 @@
 .header {
   align-items: center;
   display: flex;
+  flex-wrap: wrap;
   gap: 1rem;
   margin-bottom: 1rem;
 
@@ -37,9 +38,13 @@
 .photos {
   display: grid;
   gap: 1rem;
-  grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
+  grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
   margin: 1rem 0;
 
+  @media (max-width: vars.$breakpoint-sm) {
+    grid-template-columns: 1fr 1fr;
+  }
+
   li {
     aspect-ratio: 1 / 1;
     position: relative;
@@ -78,64 +83,72 @@
   }
 }
 
-.options {
-  border-radius: 0.5rem;
-  margin: 1rem 0;
-  overflow: hidden;
-
-  thead {
-    background-color: var(--theme-primary-2);
-    color: var(--theme-background);
-  }
+.tableScroller {
+  overflow-x: auto;
 
-  th {
-    text-align: left;
-  }
+  .options {
+    border-radius: 0.5rem;
+    margin: 1rem 0;
+    overflow: hidden;
 
-  tbody tr {
-    background-color: var(--theme-background);
+    &.multipleOptions {
+      min-width: 40rem;
+    }
 
-    &:nth-child(2n + 1) {
-      background-color: var(--theme-surface-1);
+    thead {
+      background-color: var(--theme-primary-2);
+      color: var(--theme-background);
     }
 
-    .grip {
-      height: 1.5rem;
-      vertical-align: middle;
-      width: 1.5rem;
+    th {
+      text-align: left;
     }
-  }
 
-  th,
-  td {
-    padding: 0.5rem;
+    tbody tr {
+      background-color: var(--theme-background);
 
-    &:first-child {
-      padding-left: 1rem;
+      &:nth-child(2n + 1) {
+        background-color: var(--theme-surface-1);
+      }
+
+      .grip {
+        height: 1.5rem;
+        vertical-align: middle;
+        width: 1.5rem;
+      }
     }
 
-    &:last-child {
-      padding-right: 1rem;
+    th,
+    td {
+      padding: 0.5rem;
+
+      &:first-child {
+        padding-left: 1rem;
+      }
+
+      &:last-child {
+        padding-right: 1rem;
+      }
     }
-  }
 
-  tfoot {
-    background-color: var(--theme-surface-2);
-  }
+    tfoot {
+      background-color: var(--theme-surface-2);
+    }
 
-  input {
-    background: none;
-    border: 0;
-    border: 1px solid currentColor;
-    border-radius: 0.5rem;
-    color: inherit;
-    font: inherit;
-    padding: 0.5rem;
-    width: 100%;
-  }
+    input {
+      background: none;
+      border: 0;
+      border: 1px solid currentColor;
+      border-radius: 0.5rem;
+      color: inherit;
+      font: inherit;
+      padding: 0.5rem;
+      width: 100%;
+    }
 
-  [type='number'] {
-    text-align: right;
+    [type='number'] {
+      text-align: right;
+    }
   }
 }
 
diff --git a/src/components/admin/store/ItemDetailsForm/style.module.scss.d.ts b/src/components/admin/store/ItemDetailsForm/style.module.scss.d.ts
index f90e0aa7..701458f1 100644
--- a/src/components/admin/store/ItemDetailsForm/style.module.scss.d.ts
+++ b/src/components/admin/store/ItemDetailsForm/style.module.scss.d.ts
@@ -3,9 +3,11 @@ export type Styles = {
   form: string;
   grip: string;
   header: string;
+  multipleOptions: string;
   options: string;
   photos: string;
   submitButtons: string;
+  tableScroller: string;
   viewPage: string;
 };
 
diff --git a/src/components/store/CollectionSlider/style.module.scss b/src/components/store/CollectionSlider/style.module.scss
index 87804106..d41f470e 100644
--- a/src/components/store/CollectionSlider/style.module.scss
+++ b/src/components/store/CollectionSlider/style.module.scss
@@ -11,10 +11,12 @@
     font-size: 1.25rem;
     gap: 1rem;
     margin: 0;
+    word-break: break-word;
   }
 
   .description {
     margin: 0;
+    word-break: break-word;
   }
 
   .card {
diff --git a/src/styles/pages/StoreCollectionPage.module.scss b/src/styles/pages/StoreCollectionPage.module.scss
index 7d3f189a..11ee9f1e 100644
--- a/src/styles/pages/StoreCollectionPage.module.scss
+++ b/src/styles/pages/StoreCollectionPage.module.scss
@@ -26,20 +26,4 @@
       grid-template-columns: 1fr;
     }
   }
-
-  .createItem {
-    align-items: center;
-    border: 1px solid var(--theme-shadow);
-    border-radius: 0.5rem;
-    display: flex;
-    gap: 0.5rem;
-    height: 3rem;
-    justify-content: center;
-    padding: 0 1rem;
-
-    svg {
-      height: 1.5rem;
-      width: 1.5rem;
-    }
-  }
 }
diff --git a/src/styles/pages/StoreCollectionPage.module.scss.d.ts b/src/styles/pages/StoreCollectionPage.module.scss.d.ts
index 025b561e..b5ad2e52 100644
--- a/src/styles/pages/StoreCollectionPage.module.scss.d.ts
+++ b/src/styles/pages/StoreCollectionPage.module.scss.d.ts
@@ -1,7 +1,6 @@
 export type Styles = {
   collections: string;
   container: string;
-  createItem: string;
   header: string;
 };
 
diff --git a/src/styles/pages/StoreHomePage.module.scss b/src/styles/pages/StoreHomePage.module.scss
index b5865250..30a0cb8d 100644
--- a/src/styles/pages/StoreHomePage.module.scss
+++ b/src/styles/pages/StoreHomePage.module.scss
@@ -41,20 +41,4 @@
       grid-template-columns: 1fr;
     }
   }
-
-  .createCollection {
-    align-items: center;
-    border: 1px solid var(--theme-shadow);
-    border-radius: 0.5rem;
-    display: flex;
-    gap: 0.5rem;
-    height: 3rem;
-    justify-content: center;
-    padding: 0 1rem;
-
-    svg {
-      height: 1.5rem;
-      width: 1.5rem;
-    }
-  }
 }
diff --git a/src/styles/pages/StoreHomePage.module.scss.d.ts b/src/styles/pages/StoreHomePage.module.scss.d.ts
index 5074740a..f52fb061 100644
--- a/src/styles/pages/StoreHomePage.module.scss.d.ts
+++ b/src/styles/pages/StoreHomePage.module.scss.d.ts
@@ -1,7 +1,6 @@
 export type Styles = {
   collections: string;
   container: string;
-  createCollection: string;
   header: string;
   viewToggle: string;
 };