diff --git a/src/app/admin/(block)/image/components/image-box.tsx b/src/app/admin/(block)/image/components/image-box.tsx
index 0ffac6b5..066561f7 100644
--- a/src/app/admin/(block)/image/components/image-box.tsx
+++ b/src/app/admin/(block)/image/components/image-box.tsx
@@ -5,7 +5,6 @@ import Link from "next/link";
 import ErrorBoundary from "@components/error-boundary";
 
 interface Props {
-  // handeInputImageClick: () => void;
   selectedImageUrl: string;
   connectingUrl?: string;
   title: string | null;
@@ -13,25 +12,14 @@ interface Props {
 
 const ImageBox = ({ selectedImageUrl, connectingUrl, title }: Props) => {
   return (
-    <div className={"overflow-hidden rounded shadow-lg"}>
+    <div className="overflow-hidden rounded-lg shadow-lg">
       <div>
-        {/*<button*/}
-        {/*  onClick={handeInputImageClick}*/}
-        {/*  className="absolute right-2 top-2 rounded-3xl bg-orange-600 p-2"*/}
-        {/*>*/}
-        {/*  <Image*/}
-        {/*    src="/assets/icons/icon_pencil.png"*/}
-        {/*    alt="연필 아이콘"*/}
-        {/*    width={24}*/}
-        {/*    height={24}*/}
-        {/*  />*/}
-        {/*</button>*/}
         <Link
           href={connectingUrl || "#"}
           className={`${!connectingUrl && "cursor-default"}`}
           aria-disabled={!connectingUrl}
         >
-          <div className="relative h-[20rem] w-full">
+          <div className="relative aspect-[16/9] w-full bg-neutral-200 dark:bg-neutral-800">
             <Image
               src={
                 selectedImageUrl
@@ -40,13 +28,17 @@ const ImageBox = ({ selectedImageUrl, connectingUrl, title }: Props) => {
               }
               alt={title ? `${title} 이미지` : "기본 이미지"}
               fill
+              className="object-cover"
+              sizes="(max-width: 640px) 100vw,
+                   (max-width: 768px) 90vw,
+                   80vw"
             />
           </div>
         </Link>
       </div>
       {title && (
         <div
-          className={"flex items-center justify-center py-2"}
+          className="flex items-center justify-center border-t border-neutral-200 px-3 py-2 text-center dark:border-neutral-700"
           aria-label={`이미지 제목: ${title}`}
         >
           {title}
diff --git a/src/app/admin/(block)/image/page.tsx b/src/app/admin/(block)/image/page.tsx
index 2ec12335..6c9dfd4b 100644
--- a/src/app/admin/(block)/image/page.tsx
+++ b/src/app/admin/(block)/image/page.tsx
@@ -36,75 +36,12 @@ const Page = () => {
     } else await blockApis.handleResponseError(response);
   };
 
-  // const addImageBlock = async () => {
-  //   const token = sessionStorage.getItem("token");
-  //   if (!token) {
-  //     router.push("/login");
-  //     return;
-  //   }
-  //   const nowSequence = await getSequence(token);
-  //
-  //   try {
-  //     const response = await fetch(
-  //       `${process.env.NEXT_PUBLIC_API_URL}/api/link/add`,
-  //       {
-  //         method: "POST",
-  //         headers: {
-  //           "Content-Type": "application/json",
-  //           Authorization: `Bearer ${token}`,
-  //         },
-  //         body: JSON.stringify(params),
-  //       },
-  //     );
-  //     if (response.ok) {
-  //       alert("이미지 블록 추가 완료");
-  //       router.push("/admin");
-  //     } else {
-  //       const { status } = response;
-  //       console.log(status);
-  //       if (status === 500) {
-  //         alert("서버 에러");
-  //       }
-  //     }
-  //   } catch (error) {
-  //     console.log(error);
-  //   }
-  // };
-
   const handleAddButtonClick = (e: FormEvent<HTMLFormElement>) => {
     e.preventDefault();
     if (!selectedImageUrl) return;
     addImageBlock();
   };
 
-  // const handeInputImageClick = () => {
-  //   inputImageRef.current?.click();
-  // };
-
-  // const selectFile = (e: React.ChangeEvent<HTMLInputElement>) => {
-  //   const file = e.target.files?.[0];
-  //   if (!file) {
-  //     return;
-  //   }
-  //   const reader = new FileReader();
-  //   reader.onload = (e) => {
-  //     const dataUrl = e.target?.result;
-  //     if (typeof dataUrl !== "string") {
-  //       return;
-  //     }
-  //     setPreviewImageUrl(dataUrl);
-  //   };
-  //   reader.readAsDataURL(file);
-  // };
-
-  // const handleAddButtonClick = () => {
-  //   if (!checkImageUrl(imageUrl)) {
-  //     alert("이미지 URL을 확인해주세요.");
-  //     return;
-  //   }
-  //   setSelectedImageUrl(imageUrl || previewImageUrl);
-  // };
-
   const setImageText = (text: string) => {
     if (!checkUrl(text) && text !== "") {
       alert("URL을 입력해주세요.");
@@ -129,14 +66,6 @@ const Page = () => {
         required
         aria-label="이미지 URL을 입력하세요"
       />
-      {/*<input*/}
-      {/*  id="file"*/}
-      {/*  ref={inputImageRef}*/}
-      {/*  type="file"*/}
-      {/*  accept="image/*"*/}
-      {/*  style={{ display: "none" }}*/}
-      {/*  onChange={selectFile}*/}
-      {/*/>*/}
       <ImageBox
         selectedImageUrl={selectedImageUrl}
         connectingUrl={connectingUrl}
diff --git a/src/components/UI/empty-block.tsx b/src/components/UI/empty-block.tsx
index a627da6e..b63f72cc 100644
--- a/src/components/UI/empty-block.tsx
+++ b/src/components/UI/empty-block.tsx
@@ -2,21 +2,25 @@ import Image from "next/image";
 
 export default function EmptyBlock() {
   return (
-    <>
-      <div className="h-64 items-center rounded border bg-slate-100 text-center align-middle">
-        <Image
-          className="mb-[10px] ml-[44%] mt-[17px]"
-          src="/assets/icons/icon_empty.png"
-          alt="arrow_down"
-          width={80}
-          height={40}
-        />
+    <div className="flex h-64 flex-col items-center justify-center rounded border border-[var(--primary-200)] bg-[var(--background)] text-[var(--foreground)] transition-colors duration-200 dark:border-[var(--primary-300)]">
+      <Image
+        className="mb-4"
+        src="/assets/icons/icon_empty.png"
+        alt="표시할 블록이 없음을 나타내는 아이콘"
+        width={80}
+        height={40}
+        priority
+      />
+      <div className="space-y-2 text-center">
         <p>지금 공개된 링크가 없습니다</p>
         <p>
-          <strong className="cursor-pointer">소식받기</strong> 버튼을 눌러주세요
+          <strong className="cursor-pointer text-[var(--primary)] transition-colors hover:text-[var(--primary-450)] dark:text-[var(--primary-400)] dark:hover:text-[var(--primary-350)]">
+            소식받기
+          </strong>{" "}
+          버튼을 눌러주세요
         </p>
         <p>새로운 링크가 생기면 알려드리겠습니다</p>
       </div>
-    </>
+    </div>
   );
 }
diff --git a/src/styles/global.css b/src/styles/global.css
index 1545a325..9d864790 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -49,18 +49,17 @@
 [data-theme="dark"] {
   --background: #121212;
   --foreground: #f5f5f5;
-  /* Primary Colors - 다크 모드 수정 */
-  --primary: #ff6b31; /* 다크모드에서 더 선명하게 */
-  --primary-100: #1a0c04; /* 더 어둡게 조정 */
-  --primary-200: #331808; /* 더 어둡게 조정 */
-  --primary-250: #662410; /* 조정 */
-  --primary-300: #993618; /* 조정 */
-  --primary-350: #cc4820; /* 조정 */
-  --primary-400: #ff5b1a; /* 유지 */
-  --primary-450: #ff6b31; /* 유지 */
-  /* Input Colors - 다크 모드 수정 */
-  --input-color-line: #993618; /* 더 밝게 조정 */
-  --input-color-bg: #1a0c04; /* 더 어둡게 조정 */
+  /* Primary Colors - 다크 모드 */
+  --primary: #ff6b31;
+  --primary-100: #1a0c04;
+  --primary-200: #331808;
+  --primary-250: #662410;
+  --primary-300: #993618;
+  --primary-350: #cc4820;
+  --primary-400: #ff5b1a;
+  --primary-450: #ff6b31;
+  --input-color-line: #993618;
+  --input-color-bg: #1a0c04;
 }
 
 /* 시스템 설정에 맞춘 다크 모드 테마 적용 */