diff --git a/README.md b/README.md
index e3e0308..7078f81 100644
Binary files a/README.md and b/README.md differ
diff --git a/client/public/about/index.html b/client/public/about/index.html
index 7ea7a90..eb72cf4 100644
--- a/client/public/about/index.html
+++ b/client/public/about/index.html
@@ -12,7 +12,7 @@
 	<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap" rel="stylesheet">
 
 	<!-- Auth0 - a library for authentication -->
-	<script type="module" src="https://cdn.auth0.com/js/auth0-spa-js/1.13/auth0-spa-js.production.js"></script>
+	<script src="https://cdn.auth0.com/js/auth0-spa-js/1.13/auth0-spa-js.production.js"></script>
 
 	<!-- Flickity - a library to make carousells easier to implement -->
 	<link rel="stylesheet" href="https://unpkg.com/flickity@2/dist/flickity.min.css">
diff --git a/client/public/components/basket-popout.mjs b/client/public/components/basket-popout.mjs
index 8ac6e09..bda359b 100644
--- a/client/public/components/basket-popout.mjs
+++ b/client/public/components/basket-popout.mjs
@@ -141,7 +141,6 @@ class BasketPopout extends Component {
                                                                             type="${item.type}"
                                                                             quantity="${item.quantity}">
                                         </super-compact-listing-component>
-                                        <span class="popup-content-item-value">modifier</span>
                                     </div>
                                 `;
                             }).join('')}
diff --git a/client/public/components/product-listing.mjs b/client/public/components/product-listing.mjs
index b5c49c2..b5eb5a0 100644
--- a/client/public/components/product-listing.mjs
+++ b/client/public/components/product-listing.mjs
@@ -159,7 +159,7 @@ class ProductListing extends Component {
                                 </div>
                                 <div class="menu-content">
                                     ${this.state.date_released ? /* html */'<div class="product-details-content-item">Released in {this.state.date_released}</div>' : ''}
-                                    <div class="product-details-content-item">Dimensions: {this.state.dimensions_x} x {this.state.dimensions_y} x {this.state.dimensions_z}</div>
+                                    <div class="product-details-content-item">Dimensions: {this.state.dimensions_x}mm x {this.state.dimensions_y}mm x {this.state.dimensions_z}mm</div>
                                     <div class="product-details-content-item">Weight: {this.state.weight}g</div>
                                     <div class="product-details-content-item">Not suitable for children under the age of 3 years old, small parts are a choking hazard.</div>
                                     <div class="product-details-content-item">Not for individual resale.</div>
diff --git a/client/public/components/super-compact-listing.mjs b/client/public/components/super-compact-listing.mjs
index f76bb26..447231b 100644
--- a/client/public/components/super-compact-listing.mjs
+++ b/client/public/components/super-compact-listing.mjs
@@ -36,6 +36,7 @@ class SuperCompactProductListing extends Component {
                     </span>
                     <span class="product-listing-info">
                         <span class="product-listing-name">{this.state.name}</span>
+                        <div class="product-listing-modifier">${this.state.modifier || ''}</div>
                         <tag-component name="{this.state.tag}"></tag-component>
                     </span>
                     <span class="product-pricing">
@@ -53,6 +54,8 @@ class SuperCompactProductListing extends Component {
                     align-items: center;
                     padding-left: 10px;
                     padding-right: 15px;
+                    padding-top: 5px;
+                    padding-bottom: 5px;
                     margin: 7px;
                     z-index: 0;
                     cursor: pointer;
@@ -86,6 +89,12 @@ class SuperCompactProductListing extends Component {
                     flex-grow: 50
                 }
 
+                .product-listing-modifier {
+                    font-size: 0.8em;
+                    font-style: italic;
+                    color: #999;
+                }
+
                 .product-pricing {
                     flex-grow: 1;
                     text-align: right;
diff --git a/client/public/featured/index.html b/client/public/featured/index.html
index 32fa39c..ef0ced4 100644
--- a/client/public/featured/index.html
+++ b/client/public/featured/index.html
@@ -12,7 +12,7 @@
 	<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap" rel="stylesheet">
 
 	<!-- Auth0 - a library for authentication -->
-	<script type="module" src="https://cdn.auth0.com/js/auth0-spa-js/1.13/auth0-spa-js.production.js"></script>
+	<script src="https://cdn.auth0.com/js/auth0-spa-js/1.13/auth0-spa-js.production.js"></script>
 
 	<!-- Flickity - a library to make carousells easier to implement -->
 	<link rel="stylesheet" href="https://unpkg.com/flickity@2/dist/flickity.min.css">
diff --git a/client/public/index.html b/client/public/index.html
index 43a982f..f75b765 100644
--- a/client/public/index.html
+++ b/client/public/index.html
@@ -12,7 +12,7 @@
 	<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap" rel="stylesheet">
 
 	<!-- Auth0 - a library for authentication -->
-	<script type="module" src="https://cdn.auth0.com/js/auth0-spa-js/1.13/auth0-spa-js.production.js"></script>
+	<script src="https://cdn.auth0.com/js/auth0-spa-js/1.13/auth0-spa-js.production.js"></script>
 
 	<!-- Flickity - a library to make carousells easier to implement -->
 	<link rel="stylesheet" href="https://unpkg.com/flickity@2/dist/flickity.min.css">
diff --git a/client/public/search/index.html b/client/public/search/index.html
index a104595..a6a61d2 100644
--- a/client/public/search/index.html
+++ b/client/public/search/index.html
@@ -12,7 +12,7 @@
 	<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap" rel="stylesheet">
 
 	<!-- Auth0 - a library for authentication -->
-	<script type="module" src="https://cdn.auth0.com/js/auth0-spa-js/1.13/auth0-spa-js.production.js"></script>
+	<script src="https://cdn.auth0.com/js/auth0-spa-js/1.13/auth0-spa-js.production.js"></script>
 
 	<!-- Flickity - a library to make carousells easier to implement -->
 	<link rel="stylesheet" href="https://unpkg.com/flickity@2/dist/flickity.min.css">