added corrections styles on show or hide projects buttons

app/works/portfolio/PortfolioContainer.jsx

@@ -32,20 +32,24 @@ function PortfolioContainer() {
       ) : null}
       <div>
         {moreProjects ? (
-          <div
-            onClick={() => setMoreProjects(false)}
-            className="flex p-5 justify-center text-center md:text-left md:p-10 cursor-pointer border-[0.1px] rounded-xl mb-20 gap-5 border-gray-500 hover:bg-gray-500 hover:text-black"
-          >
-            <LuMinusSquare className="text-[1.5rem]" />
-            Hide Projects
+          <div className="w-full flex justify-center items-center">
+            <div
+              onClick={() => setMoreProjects(false)}
+              className="py-3 mt-12 px-10 inline-flex items-center gap-x-2 text-sm font-normal rounded-md bg-gray-500 bg-clip-padding backdrop-filter backdrop-blur-sm bg-opacity-30 border border-gray-100 hover:bg-gray-200 hover:text-black cursor-pointer"
+            >
+              <LuMinusSquare className="text-[1.5rem]" />
+              Show Less Projects
+            </div>
           </div>
         ) : (
-          <div
-            onClick={() => setMoreProjects(true)}
-            className="flex p-5 justify-center text-center md:text-left md:p-10 cursor-pointer rounded-xl mb-20 gap-5 border-[0.1px] border-gray-500 hover:bg-gray-500 hover:text-black"
-          >
-            <LuPlusSquare className="text-[1.5rem]" />
-            More Projects
+          <div className="w-full flex justify-center items-center">
+            <div
+              onClick={() => setMoreProjects(true)}
+              className="py-3 mt-12 px-10 inline-flex items-center gap-x-2 text-sm font-normal rounded-md bg-gray-500 bg-clip-padding backdrop-filter backdrop-blur-sm bg-opacity-30 border border-gray-100 hover:bg-gray-200 hover:text-black cursor-pointer"
+            >
+              <LuPlusSquare className="text-[1.5rem]" />
+              Show More Projects
+            </div>
           </div>
         )}
       </div>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "portfolio-vercel",
-  "version": "1.3.7",
+  "version": "1.3.8",
   "private": true,
   "scripts": {
     "dev": "next dev",