diff --git a/app/product/[handle]/page.tsx b/app/product/[handle]/page.tsx
index bff48f417..c0d8da481 100644
--- a/app/product/[handle]/page.tsx
+++ b/app/product/[handle]/page.tsx
@@ -98,9 +98,9 @@ export default async function ProductPage({ params }: { params: { handle: string
         </div>
 
         <div className="p-6 lg:col-span-2">
-          <div className="flex flex-col pb-6 mb-6 border-b dark:border-gray-700">
+          <div className="mb-6 flex flex-col border-b pb-6 dark:border-gray-700">
             <h1 className="mb-2 text-5xl font-medium">{product.title}</h1>
-            <div className="w-auto p-2 mr-auto text-sm text-white bg-blue-600 rounded-full">
+            <div className="mr-auto w-auto rounded-full bg-blue-600 p-2 text-sm text-white">
               <Price
                 amount={product.priceRange.maxVariantPrice.amount}
                 currencyCode={product.priceRange.maxVariantPrice.currencyCode}
diff --git a/components/product/gallery.tsx b/components/product/gallery.tsx
index be92d6498..7ee154b57 100644
--- a/components/product/gallery.tsx
+++ b/components/product/gallery.tsx
@@ -51,7 +51,7 @@ export function Gallery({
         )}
 
         {images.length > 1 ? (
-          <div className="absolute flex flex-row h-12 text-white border border-white shadow-xl bottom-10 right-10 dark:border-black dark:text-black">
+          <div className="absolute bottom-10 right-10 flex h-12 flex-row border border-white text-white shadow-xl dark:border-black dark:text-black">
             <button
               aria-label="Previous product image"
               className={clsx(buttonClassName, 'border-r border-white dark:border-black')}
@@ -78,7 +78,7 @@ export function Gallery({
               <button
                 aria-label="Enlarge product image"
                 key={image.src}
-                className="w-1/4 h-full"
+                className="h-full w-1/4"
                 onClick={() => setCurrentImage(index)}
               >
                 <GridTileImage
diff --git a/components/product/variant-selector.tsx b/components/product/variant-selector.tsx
index 0b3e0b5a2..486ec6567 100644
--- a/components/product/variant-selector.tsx
+++ b/components/product/variant-selector.tsx
@@ -85,7 +85,7 @@ export function VariantSelector({
 
   return options.map((option) => (
     <dl className="mb-8" key={option.id}>
-      <dt className="mb-4 text-sm tracking-wide uppercase">{option.name}</dt>
+      <dt className="mb-4 text-sm uppercase tracking-wide">{option.name}</dt>
       <dd className="flex flex-wrap gap-3">
         {option.values.map((value) => {
           // Base option params on selected variant params.