diff --git a/src/app/components/Examples.tsx b/src/app/components/Examples.tsx
index 8d9644b..7db422d 100644
--- a/src/app/components/Examples.tsx
+++ b/src/app/components/Examples.tsx
@@ -27,7 +27,7 @@ export default function Examples(props: { dict: Record<string, string>; lang: st
           return (
             <div key={"key" + index} className="cursor-pointer relative group mb-[60px] w-1/4 flex justify-center">
               <div
-                className="hover:scale-[1.15] transition ease-in-out duration-300 hover:shadow-[0px_0px_20px_8px_#0988FF] rounded-[60px] w-[280px] h-[280px]"
+                className="hover:scale-[1.15] transition ease-in-out duration-300 hover:shadow-[0px_0px_20px_8px_#0988FF] rounded-[60px] w-[280px] h-[280px] relative"
                 onClick={() => {
                   document.body.style.overflow = "hidden";
                   setPreviewInfo({
@@ -47,12 +47,13 @@ export default function Examples(props: { dict: Record<string, string>; lang: st
             </div>
           );
         })}
-        <div
-          className="flex flex-col justify-center items-center 
-                        text-[30px] text-[#3d3d3d] cursor-pointer rounded-[60px] mb-[50px] w-[280px] h-[280px]"
-          style={{ background: "radial-gradient(61% 61% at 50% 50%, #FFFFFF 46%, #E1E1E1 100%)" }}
-        >
-          <More dict={props.dict} lang={props.lang} />
+        <div className="w-1/4">
+          <div
+            className="flex flex-col justify-center items-center  text-[30px] text-[#3d3d3d] cursor-pointer rounded-[60px] mb-[50px] w-[280px] h-[280px] mx-auto"
+            style={{ background: "radial-gradient(61% 61% at 50% 50%, #FFFFFF 46%, #E1E1E1 100%)" }}
+          >
+            <More dict={props.dict} lang={props.lang} />
+          </div>
         </div>
       </div>