diff --git a/src/components/MasonryGallery.js b/src/components/MasonryGallery.js
index da47bc0..38c0294 100644
--- a/src/components/MasonryGallery.js
+++ b/src/components/MasonryGallery.js
@@ -101,7 +101,6 @@ const MasonryGallery = ({
         const widthNumber = ((ar / rowAspectRatioSum) * 100).toFixed(7);
 
         const width = `${widthNumber}%`;
-        console.log(image.fields.imageMeta.dominantHue);
         return (
           <Link
             className={classNames(
diff --git a/src/pages/photogallery.js b/src/pages/photogallery.js
index 9cff4a5..2a27fa3 100644
--- a/src/pages/photogallery.js
+++ b/src/pages/photogallery.js
@@ -15,7 +15,7 @@ const GalleryPage = ({ data }) => {
         R.map((edge) => edge.node),
         debug
           ? R.sortBy(R.path(["fields", "imageMeta", "dominantHue", 0]))
-          : R.identity
+          : R.sortBy(R.path(["fields", "imageMeta", "vibrantHue"]))
       )(data.allFile.edges),
     [data, debug]
   );