diff --git a/fe/src/app/components/common/Button.tsx b/fe/src/app/components/common/Button.tsx
index 306602a..d31a4a7 100644
--- a/fe/src/app/components/common/Button.tsx
+++ b/fe/src/app/components/common/Button.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import React from "react";
+import React, { useState } from "react";
 
 export interface ButtonProps {
   label: string;
@@ -8,6 +8,8 @@ export interface ButtonProps {
   type?: "start" | "next" | "submit" | "default";
   className?: string;
   disabled?: boolean;
+  isSubmitting?: boolean;
+  isFormComplete?: boolean;
 }
 
 function Button({
@@ -16,17 +18,49 @@ function Button({
   type = "default",
   className = "",
   disabled = false,
+  isSubmitting = false,
+  isFormComplete = true,
 }: ButtonProps) {
+  const [isActive, setIsActive] = useState(false);
+  const [isClicked, setIsClicked] = useState(false);
+
+  const handleClick = () => {
+    setIsActive(true);
+    setIsClicked(true);
+    onClick();
+  };
+
   const getButtonStyle = () => {
-    if (disabled) {
-      return "bg-[#E4E4E4] text-[#8E8E8E] cursor-not-allowed";
+    if (isSubmitting) {
+      return "bg-[#000000] text-white cursor-not-allowed";
     }
+
+    if (!isFormComplete) {
+      return "bg-[#E4E4E4] cursor-not-allowed text-[#8E8E8E]";
+    }
+
+    if (isClicked && type !== "start") {
+      return "bg-[#000000] text-white";
+    }
+
+    if (isActive) {
+      switch (type) {
+        case "start":
+          return "bg-[#A6251B] text-white";
+        case "next":
+        case "submit":
+        case "default":
+        default:
+          return "bg-[#1D1D1D] text-white";
+      }
+    }
+
     switch (type) {
       case "start":
         return "bg-[#F73A2C] text-white";
       case "next":
       case "submit":
-        return "bg-[#1D1D1D] text-white";
+      case "default":
       default:
         return "bg-[#1D1D1D] text-white";
     }
@@ -36,9 +70,9 @@ function Button({
     <div className="w-full fixed bottom-[20px] left-0 right-0 flex justify-center">
       <button
         type={type === "submit" ? "submit" : "button"}
-        onClick={onClick}
+        onClick={handleClick}
         className={`${getButtonStyle()} ${className} w-[328px] h-[60px] py-[17px] rounded-lg justify-center items-center inline-flex`}
-        disabled={disabled}
+        disabled={disabled || isSubmitting}
       >
         <div className="text-center text-lg font-medium font-['Pretendard'] leading-relaxed">
           {label}
diff --git a/fe/src/app/event-maps/[id]/[nonMemberId]/load-mappin-edit/page.tsx b/fe/src/app/event-maps/[id]/[nonMemberId]/load-mappin-edit/page.tsx
index fe69f59..55b4c03 100644
--- a/fe/src/app/event-maps/[id]/[nonMemberId]/load-mappin-edit/page.tsx
+++ b/fe/src/app/event-maps/[id]/[nonMemberId]/load-mappin-edit/page.tsx
@@ -18,10 +18,16 @@ export default function LinkEditPage() {
   const [isSaveButtonEnabled, setIsSaveButtonEnabled] = useState(false);
   const [showExitModal, setShowExitModal] = useState(false);
   const [isLoading, setIsLoading] = useState(true);
+  const [isClicked, setIsClicked] = useState(false);
 
   const router = useRouter();
   const { id, nonMemberId } = useParams();
 
+  const isValidLink = (link: string) => {
+    const urlPattern = /^(https?:\/\/[^\s]+)/g;
+    return urlPattern.test(link.trim());
+  };
+
   useEffect(() => {
     if (!id || !nonMemberId) {
       console.error("누락된 라우트 매개변수:", { id, nonMemberId });
@@ -41,8 +47,6 @@ export default function LinkEditPage() {
         );
         setUserName(parsedData.name || "");
         setUserData(parsedData);
-      } else {
-        console.warn("비회원 ID가 일치하지 않습니다.");
       }
     } else {
       setMapLinks(userData.bookmarkUrls.length ? userData.bookmarkUrls : [""]);
@@ -54,8 +58,10 @@ export default function LinkEditPage() {
   }, [id, nonMemberId, setUserData, userData, router]);
 
   useEffect(() => {
-    const allMapLinksValid = mapLinks.every((link) => link.trim() !== "");
-    const allStoreLinksValid = storeLinks.every((link) => link.trim() !== "");
+    const allMapLinksValid = mapLinks.length > 0 && mapLinks.every(isValidLink);
+    const allStoreLinksValid =
+      storeLinks.length > 0 && storeLinks.every(isValidLink);
+
     const isComplete = (allMapLinksValid || allStoreLinksValid) && isChecked;
     setIsSaveButtonEnabled(isComplete);
   }, [mapLinks, storeLinks, isChecked]);
@@ -63,14 +69,11 @@ export default function LinkEditPage() {
   const handleSubmit = async (e?: React.FormEvent) => {
     if (e) e.preventDefault();
 
-    const filteredMapLinks = mapLinks.filter((link) => link.trim() !== "");
-    const filteredStoreLinks = storeLinks.filter((link) => link.trim() !== "");
-
     const updatedData = {
       nonMemberId: userData.nonMemberId || Number(nonMemberId),
       name: userName,
-      bookmarkUrls: filteredMapLinks,
-      storeUrls: filteredStoreLinks,
+      bookmarkUrls: mapLinks,
+      storeUrls: storeLinks,
     };
 
     try {
@@ -91,6 +94,7 @@ export default function LinkEditPage() {
 
       setUserData(updatedData);
       localStorage.setItem("userData", JSON.stringify(updatedData));
+
       router.push(`/event-maps/${id}`);
     } catch (error) {
       console.error("API 호출 오류:", error);
@@ -98,11 +102,10 @@ export default function LinkEditPage() {
   };
 
   const handleBack = () => {
-    setShowExitModal(true); // ExitModal을 표시
+    setShowExitModal(true);
   };
 
-  const handleExitConfirm = () => {
-    // 데이터 삭제 후 뒤로가기
+  const handleExit = () => {
     localStorage.removeItem("userData");
     localStorage.removeItem("formData");
     router.push(`/event-maps/${id}`);
@@ -116,17 +119,21 @@ export default function LinkEditPage() {
     return <div />;
   }
 
+  // Button class 설정
+  let buttonClass =
+    "w-fixl h-[60px] py-[17px] rounded-lg text-base font-medium text-white";
+
+  if (isSaveButtonEnabled) {
+    buttonClass += isClicked ? " bg-[#000000]" : " bg-[#1D1D1D]";
+  } else {
+    buttonClass += " bg-[#e0e0e0] cursor-not-allowed";
+  }
+
   return (
     <div className="w-[360px] h-screen bg-white mx-auto flex flex-col">
       <Navigation onBack={handleBack} />
-
-      <div
-        className="flex-1 px-4 mt-[75px] overflow-y-auto"
-        style={{
-          maxHeight: "calc(100vh - 60px)",
-          paddingBottom: "120px",
-        }}
-      >
+      <div className="flex-1 px-[16px] w-full overflow-y-auto pb-[100px]">
+        <div className="mt-[72px] mb-[36px]" />
         {userName && (
           <div className="text-darkGray text-title-md">
             {userName}님의 맵핀 모음이에요
@@ -166,17 +173,16 @@ export default function LinkEditPage() {
       >
         <Button
           label="저장"
-          className={`w-[328px] h-[60px] py-[17px] rounded-lg text-lg font-['Pretendard'] font-medium bg-[#F73A2C] text-white ${
-            isSaveButtonEnabled
-              ? "bg-black"
-              : "bg-[#e0e0e0] pointer-events-none"
-          }`}
-          onClick={handleSubmit}
+          className={buttonClass}
+          onClick={() => {
+            setIsClicked(true);
+            handleSubmit();
+          }}
           disabled={!isSaveButtonEnabled}
         />
       </div>
       {showExitModal && (
-        <ExitModal onCancel={handleCancel} onExit={handleExitConfirm} />
+        <ExitModal onCancel={handleCancel} onExit={handleExit} />
       )}
     </div>
   );
diff --git "a/fe/src/app/event-maps/[id]/load-mappin/forms/links/\bcomponents/BottomSheet.tsx" "b/fe/src/app/event-maps/[id]/load-mappin/forms/links/\bcomponents/BottomSheet.tsx"
index eefb284..994f4b4 100644
--- "a/fe/src/app/event-maps/[id]/load-mappin/forms/links/\bcomponents/BottomSheet.tsx"
+++ "b/fe/src/app/event-maps/[id]/load-mappin/forms/links/\bcomponents/BottomSheet.tsx"
@@ -18,7 +18,7 @@ export default function BottomSheet() {
 
   return (
     <div
-      className={`fixed bottom-0 left-1/2 transform -translate-x-1/2 w-full h-[556px] bg-[#1d1d1d] rounded-t-[20px] transition-transform z-[1000] duration-700 ${
+      className={`fixed bottom-0 left-1/2 transform -translate-x-1/2 w-[400px] min-w-[400px] h-[556px] bg-[#1d1d1d] rounded-t-[20px] transition-transform z-[1000] duration-700 ${
         isVisible ? "translate-y-0" : "translate-y-full"
       }`}
     >
diff --git "a/fe/src/app/event-maps/[id]/load-mappin/forms/links/\bcomponents/LinkField.tsx" "b/fe/src/app/event-maps/[id]/load-mappin/forms/links/\bcomponents/LinkField.tsx"
index 1ac557d..983ea05 100644
--- "a/fe/src/app/event-maps/[id]/load-mappin/forms/links/\bcomponents/LinkField.tsx"
+++ "b/fe/src/app/event-maps/[id]/load-mappin/forms/links/\bcomponents/LinkField.tsx"
@@ -5,11 +5,13 @@ import { nanoid } from "nanoid";
 import Image from "next/image";
 import { useRouter, useParams } from "next/navigation";
 
-interface LinkFieldEditProps {
+interface LinkFieldProps {
   label: string;
   placeholder: string;
   value: string[];
   onChange: (value: string[]) => void;
+  showTooltip?: boolean;
+  onInfoClick?: () => void;
 }
 
 interface InputField {
@@ -18,14 +20,15 @@ interface InputField {
   error: string;
   isValid: boolean;
   isTyping: boolean;
+  canEdit: boolean;
 }
 
-export default function LinkFieldEdit({
+export default function LinkField({
   label,
   placeholder,
   value,
   onChange,
-}: LinkFieldEditProps) {
+}: LinkFieldProps) {
   const [inputFields, setInputFields] = useState<InputField[]>(
     value.length > 0
       ? value.map((val) => ({
@@ -34,6 +37,7 @@ export default function LinkFieldEdit({
           error: "",
           isValid: true,
           isTyping: false,
+          canEdit: true,
         }))
       : [
           {
@@ -42,6 +46,7 @@ export default function LinkFieldEdit({
             error: "",
             isValid: false,
             isTyping: false,
+            canEdit: true,
           },
         ]
   );
@@ -50,6 +55,11 @@ export default function LinkFieldEdit({
   const router = useRouter();
   const { id } = useParams();
 
+  const cleanURL = (url: string): string => {
+    const match = url.match(/https?:\/\/[^\s]+/);
+    return match ? match[0].trim() : "";
+  };
+
   useEffect(() => {
     const validLinks = inputFields
       .filter((field) => field.isValid)
@@ -57,11 +67,6 @@ export default function LinkFieldEdit({
     onChange(validLinks);
   }, [inputFields, onChange]);
 
-  const cleanURL = (url: string): string => {
-    const match = url.match(/https?:\/\/[^\s]+/);
-    return match ? match[0].trim() : "";
-  };
-
   const validateLink = async (fieldId: string, url: string, type: string) => {
     const endpoint =
       type === "북마크 공유 링크" ? "/pings/bookmark" : "/pings/store";
@@ -113,17 +118,16 @@ export default function LinkFieldEdit({
   const handlePasteFromClipboard = async (fieldId: string) => {
     try {
       const clipboardText = await navigator.clipboard.readText();
-      const cleanedValue = cleanURL(clipboardText);
-      if (cleanedValue) {
+      if (clipboardText.trim()) {
+        const cleanedText = cleanURL(clipboardText);
         setInputFields((prevFields) =>
           prevFields.map((fieldItem) =>
             fieldItem.id === fieldId
-              ? { ...fieldItem, text: cleanedValue, isValid: false }
+              ? { ...fieldItem, text: cleanedText, isValid: false }
               : fieldItem
           )
         );
-
-        validateLink(fieldId, cleanedValue, label);
+        validateLink(fieldId, cleanedText, label);
       }
     } catch (error) {
       console.error("클립보드에서 텍스트를 읽는 데 실패했습니다:", error);
@@ -139,10 +143,7 @@ export default function LinkFieldEdit({
           : fieldItem
       )
     );
-
-    if (cleanedValue) {
-      validateLink(fieldId, cleanedValue, label);
-    }
+    validateLink(fieldId, cleanedValue, label);
   };
 
   const handleFocus = (fieldId: string) => {
@@ -172,6 +173,7 @@ export default function LinkFieldEdit({
         error: "",
         isValid: false,
         isTyping: false,
+        canEdit: true,
       },
     ]);
   };
@@ -248,9 +250,7 @@ export default function LinkFieldEdit({
         {inputFields.map((item, index) => (
           <div
             key={item.id}
-            className={`relative w-full ${
-              index === inputFields.length - 1 ? "" : "mb-[16px]"
-            }`}
+            className={`relative w-full ${index === inputFields.length - 1 ? "" : "mb-[16px]"}`}
           >
             <div
               className={`w-[296px] h-[52px] px-4 py-3.5 pr-[40px] rounded-md inline-flex relative ${getClassNames(
diff --git a/fe/src/app/event-maps/[id]/load-mappin/forms/links/page.tsx b/fe/src/app/event-maps/[id]/load-mappin/forms/links/page.tsx
index 83432e4..cf82d8a 100644
--- a/fe/src/app/event-maps/[id]/load-mappin/forms/links/page.tsx
+++ b/fe/src/app/event-maps/[id]/load-mappin/forms/links/page.tsx
@@ -27,6 +27,11 @@ export default function LinksPage() {
     setIsFormComplete(isComplete);
   }, [mapLinks, storeLinks, isChecked, isSubmitting]);
 
+  const cleanURL = (url: string): string => {
+    const match = url.match(/https?:\/\/[^\s]+/);
+    return match ? match[0].trim() : "";
+  };
+
   const handleSubmit = async (e?: React.FormEvent) => {
     if (e) e.preventDefault();
 
@@ -40,12 +45,15 @@ export default function LinksPage() {
       return;
     }
 
+    const cleanedMapLinks = mapLinks.map(cleanURL).filter(Boolean);
+    const cleanedStoreLinks = storeLinks.map(cleanURL).filter(Boolean);
+
     const requestBody = {
       uuid: id,
       name,
       password: pin,
-      bookmarkUrls: mapLinks,
-      storeUrls: storeLinks,
+      bookmarkUrls: cleanedMapLinks,
+      storeUrls: cleanedStoreLinks,
     };
 
     try {
@@ -115,7 +123,6 @@ export default function LinksPage() {
             onChange={setStoreLinks}
           />
 
-          {/* 체크박스 */}
           <div className="flex items-center">
             <CheckBox isChecked={isChecked} onChange={handleCheckboxChange} />
             <span className="ml-2 text-[#8e8e8e] text-xs font-medium font-['Pretendard'] leading-none">
@@ -125,7 +132,6 @@ export default function LinksPage() {
         </form>
       </div>
 
-      {/* 하단 버튼 */}
       <div
         className="w-fix px-[16px] bg-white fixed py-[8px]"
         style={{ zIndex: 50 }}
@@ -133,16 +139,11 @@ export default function LinksPage() {
         <Button
           label="저장"
           onClick={handleSubmit}
-          className={`w-[328px] h-[60px] py-[17px] rounded-lg text-lg font-['Pretendard'] font-medium bg-[#F73A2C] text-white ${
-            isFormComplete && !isSubmitting
-              ? "bg-black"
-              : "bg-[#d9d9d9] cursor-not-allowed"
-          }`}
-          disabled={!isFormComplete || isSubmitting}
+          isSubmitting={isSubmitting}
+          isFormComplete={isFormComplete}
         />
       </div>
 
-      {/* 바텀 시트 */}
       <BottomSheet />
     </div>
   );
diff --git a/fe/src/app/event-maps/[id]/load-mappin/forms/tooltip/page.tsx b/fe/src/app/event-maps/[id]/load-mappin/forms/tooltip/page.tsx
index b7b0d70..eb20e7a 100644
--- a/fe/src/app/event-maps/[id]/load-mappin/forms/tooltip/page.tsx
+++ b/fe/src/app/event-maps/[id]/load-mappin/forms/tooltip/page.tsx
@@ -66,18 +66,17 @@ export default function ToolTipPage() {
       className="w-full h-screen bg-white flex flex-col items-center"
       {...handlers}
     >
-      {/* 고정된 넓이 설정 */}
       <div className="w-full max-w-[500px] px-4 mx-auto">
         <Navigation />
       </div>
-      <div className="w-full max-w-[500px] px-4 mx-auto mt-16 mb-[48px]">
+      <div className="w-[360px] px-4 mx-auto mt-16 mb-[48px]">
         <h1 className="text-[#2c2c2c] text-[22px] font-semibold font-['Pretendard'] leading-[30px]">
           이렇게 공유 버튼이 안 보이나요?
           <br />
           이렇게 하면 해결 완
         </h1>
       </div>
-      <div className="w-full max-w-[500px] px-4 mx-auto mb-[20px]">
+      <div className="w-fix max-w-[500px] px-4 mx-auto mb-[20px]">
         <div className="bg-[#F8F8F8] rounded-xl border border-[#F0F0F0] p-[20px]">
           {slides[currentSlide].step && (
             <div className="flex items-center gap-2 mb-2">
@@ -102,11 +101,11 @@ export default function ToolTipPage() {
             alt="Example Screenshot"
             width={286}
             height={286}
-            className="w-full rounded-xl border border-[#f0f0f0]"
+            className="w-fix rounded-xl border border-[#f0f0f0]"
           />
         </div>
       </div>
-      <div className="w-full max-w-[500px] flex justify-center items-center gap-2 mb-[50px] mx-auto">
+      <div className="w-fix max-w-[500px] flex justify-center items-center gap-2 mb-[50px] mx-auto">
         {slides.map((slide) => (
           <div
             key={`slide-indicator-${slide.id}`}
@@ -118,7 +117,7 @@ export default function ToolTipPage() {
           />
         ))}
       </div>
-      <div className="w-full max-w-[500px] px-4 mx-auto">
+      <div className="w-fix max-w-[500px] px-4 mx-auto">
         <Button
           label="네이버 지도 바로 열기"
           onClick={() => {
diff --git a/fe/src/app/event-maps/[id]/page.tsx b/fe/src/app/event-maps/[id]/page.tsx
index 729ea50..8713e08 100644
--- a/fe/src/app/event-maps/[id]/page.tsx
+++ b/fe/src/app/event-maps/[id]/page.tsx
@@ -91,6 +91,22 @@ export default function Page() {
     }
   }, [id, data, moveToLocation, setCustomMarkers]);
 
+  useEffect(() => {
+    // 뒤로 가기 버튼을 눌렀을 때 새로고침하기
+    const handlePopState = () => {
+      // 새로고침을 강제하는 방법
+      window.location.reload();
+    };
+
+    // onpopstate 이벤트 리스너 추가
+    window.addEventListener("popstate", handlePopState);
+
+    // 컴포넌트 언마운트 시 리스너 제거
+    return () => {
+      window.removeEventListener("popstate", handlePopState);
+    };
+  }, []);
+
   const handleBackbtn = () => {
     router.replace("/eventcreate-page");
   };
diff --git a/fe/src/app/eventcreate-page/components/EventNameInput.tsx b/fe/src/app/eventcreate-page/components/EventNameInput.tsx
index fb6ec53..8d90214 100644
--- a/fe/src/app/eventcreate-page/components/EventNameInput.tsx
+++ b/fe/src/app/eventcreate-page/components/EventNameInput.tsx
@@ -7,7 +7,7 @@ import {
   cleanString,
   isValidLength,
   generateDefaultEventName,
-} from "../utils/formHelpers";
+} from "../utils/formHelpers";
 
 interface EventNameInputProps {
   className?: string;
diff --git a/fe/src/app/eventcreate-page/location-search/page.tsx b/fe/src/app/eventcreate-page/location-search/page.tsx
index b96de4a..61e3750 100644
--- a/fe/src/app/eventcreate-page/location-search/page.tsx
+++ b/fe/src/app/eventcreate-page/location-search/page.tsx
@@ -63,10 +63,9 @@ function LocationSearch() {
     };
   }, [location, debouncedFetch]);
 
-  // Focus the input field on component mount
   useEffect(() => {
     if (inputRef.current) {
-      inputRef.current.focus(); // Automatically focus on the input field
+      inputRef.current.focus();
     }
   }, []);
 
diff --git a/fe/src/app/eventcreate-page/page.tsx b/fe/src/app/eventcreate-page/page.tsx
index f630150..b68ad4e 100644
--- a/fe/src/app/eventcreate-page/page.tsx
+++ b/fe/src/app/eventcreate-page/page.tsx
@@ -46,10 +46,6 @@ function EventCreatePage() {
       setIsSubmitting(false);
     }
   };
-  useEffect(() => {
-    setLocation(null); // selectedLocation 초기화
-    setEventName(""); // eventName 초기화
-  }, [setLocation]);
 
   useEffect(() => {
     if (uuid) router.push(`/event-maps/${uuid}`);
@@ -64,24 +60,22 @@ function EventCreatePage() {
           className="mt-[12px] w-full"
           value={selectedLocation?.name || ""}
         />
-        <EventNameInput
-          className="mt-[40px] w-full"
-          value={eventName}
-          selectedLocation={selectedLocation?.name || ""}
-          onChange={setEventName}
-        />
+        <div className="relative mt-[40px] w-full">
+          <EventNameInput
+            className="w-full"
+            value={eventName}
+            selectedLocation={selectedLocation?.name || ""}
+            onChange={setEventName}
+          />
+        </div>
       </div>
       <div className="w-full fixed bottom-[45px] left-0 flex justify-center">
         <Button
           label="다음"
           type="next"
           onClick={handleNextClick}
-          className={`w-[328px] h-[60px] py-[17px] rounded-lg text-lg font-['Pretendard'] font-medium ${
-            isFormComplete && !isSubmitting
-              ? "bg-black text-white"
-              : "bg-[#E4E4E4] text-[#8E8E8E]"
-          }`}
           disabled={!isFormComplete || isSubmitting}
+          isSubmitting={isSubmitting}
         />
       </div>
     </div>
diff --git "a/fe/src/app/eventcreate-page/\butils/formHelpers.ts" b/fe/src/app/eventcreate-page/utils/formHelpers.ts
similarity index 100%
rename from "fe/src/app/eventcreate-page/\butils/formHelpers.ts"
rename to fe/src/app/eventcreate-page/utils/formHelpers.ts
diff --git a/fe/src/app/page.tsx b/fe/src/app/page.tsx
index 83e3e2e..1c6648d 100644
--- a/fe/src/app/page.tsx
+++ b/fe/src/app/page.tsx
@@ -13,7 +13,7 @@ function LoadingPage() {
   };
 
   return (
-    <div className="flex flex-col items-center min-h-screen bg-black text-white px-[14.17px]">
+    <div className="flex flex-col items-center min-h-screen bg-black text-white px-[14.17px] max-w-[400px] mx-auto">
       <div className="mt-[32px]" />
 
       <div className="w-full h-[0px] border-t-[1px] border-white mb-[16px]" />