diff --git a/src/components/KeywordsPicker.tsx b/src/components/KeywordsPicker.tsx
index df7269c..b8811a6 100644
--- a/src/components/KeywordsPicker.tsx
+++ b/src/components/KeywordsPicker.tsx
@@ -9,7 +9,7 @@ interface KeywordsPickerProps {
 }
 const KeywordsPicker = ({ keywords, value, onChange }: KeywordsPickerProps) => {
   return (
-    <div className="mx-2 mt-2">
+    <div className="mr-2 mt-2">
       <span className="text-xs text-black">
         Collections
       </span>
diff --git a/src/components/MasonryGallery.tsx b/src/components/MasonryGallery.tsx
index ac3d1d1..fc3919c 100644
--- a/src/components/MasonryGallery.tsx
+++ b/src/components/MasonryGallery.tsx
@@ -118,7 +118,7 @@ const MasonryGallery = ({
   return (
     <div
       className={classNames(
-        "flex items-center flex-wrap mx-auto px-4 md:px-8",
+        "flex items-center flex-wrap mx-auto pr-4 pl-2 md:pr-8 md:pl-[72px]",
         isClient ? "" : ""
       )}
       // ref={observe}
diff --git a/src/pages/photogallery.tsx b/src/pages/photogallery.tsx
index c7bdb67..c96bba4 100644
--- a/src/pages/photogallery.tsx
+++ b/src/pages/photogallery.tsx
@@ -218,7 +218,7 @@ const GalleryPage = ({ data, location }: PageProps<Queries.GalleryPageQueryQuery
         </div>
         <div className="gradient pb-6">
           <div className="px-4 md:px-8 flex items-baseline">
-            <h3 className="mx-2 font-bold" id="recently">
+            <h3 className="mr-2 font-bold" id="recently">
               Recently published
             </h3>
             {sortKey !== "datePublished" && (
@@ -249,7 +249,7 @@ const GalleryPage = ({ data, location }: PageProps<Queries.GalleryPageQueryQuery
           />
         </div>
         <div className="px-4 md:px-8 mt-2 pt-2">
-          <h3 className="mx-2 font-bold" id="all">
+          <h3 className="mr-2 font-bold" id="all">
             All images
           </h3>
         </div>
@@ -274,7 +274,7 @@ const GalleryPage = ({ data, location }: PageProps<Queries.GalleryPageQueryQuery
             onChange={setKeyword}
             value={filterKeyword}
           />
-          <div className="m-2 flex flex-row items-end">
+          <div className="my-2 flex flex-row items-end">
             <div className="border border-gray-400 rounded mr-2">
               <Switch
                 isSelected={showPalette}