diff --git a/src/app/(sidebar)/write/[id]/components/TagSelector/TagSelector.tsx b/src/app/(sidebar)/write/[id]/components/TagSelector/TagSelector.tsx
index edbd7517..7b20c62f 100644
--- a/src/app/(sidebar)/write/[id]/components/TagSelector/TagSelector.tsx
+++ b/src/app/(sidebar)/write/[id]/components/TagSelector/TagSelector.tsx
@@ -69,7 +69,10 @@ function Content({
 
   return (
     <If condition={isOpen || defaultOpen}>
-      <article {...getContentProps()} className={cn(getContentProps().className, className)}>
+      <article
+        {...getContentProps()}
+        className={cn(getContentProps().className, className)} // 기존 클래스와 새로운 클래스 병합
+      >
         {children}
       </article>
     </If>
@@ -96,6 +99,7 @@ function TagList({ title, children, className }: StrictPropsWithChildren<{ title
     </div>
   );
 }
+
 function TagSelector({
   children,
   className,
diff --git a/src/system/components/Icon/Icon.tsx b/src/system/components/Icon/Icon.tsx
index b07ac0e2..0d1f7c5d 100644
--- a/src/system/components/Icon/Icon.tsx
+++ b/src/system/components/Icon/Icon.tsx
@@ -9,7 +9,7 @@ import { Check } from './SVG/Check';
 import { Close } from './SVG/Close';
 import { Clover } from './SVG/Clover';
 import { CodingSignUp } from './SVG/CodingSignUp';
-import Copy from './SVG/Copy';
+import { Copy } from './SVG/Copy';
 import { Delete } from './SVG/Delete';
 import { DesignSignup } from './SVG/DesignSignup';
 import { Division } from './SVG/Division';
@@ -20,7 +20,7 @@ import { FilledMemo } from './SVG/FilledMemo';
 import { Folder } from './SVG/Folder';
 import { FolderFill } from './SVG/FolderFill';
 import { Link } from './SVG/Link';
-import LogoOnly from './SVG/LogoOnly';
+import { LogoOnly } from './SVG/LogoOnly';
 import { Logout } from './SVG/Logout';
 import { Memo } from './SVG/Memo';
 import { More } from './SVG/More';
@@ -30,10 +30,10 @@ import { ProfileFill } from './SVG/ProfileFill';
 import { Refresh } from './SVG/Refresh';
 import { Remove } from './SVG/Remove';
 import { RightChevron } from './SVG/RightChevron';
-import Rocket from './SVG/Rocket';
+import { Rocket } from './SVG/Rocket';
 import { Search } from './SVG/Search';
 import { Setting } from './SVG/Setting';
-import Shoes from './SVG/Shoes';
+import { Shoes } from './SVG/Shoes';
 import { Tag } from './SVG/Tag';
 import { Trash } from './SVG/Trash';
 import { Unlink } from './SVG/Unlink';
diff --git a/src/system/components/Icon/SVG/Copy.tsx b/src/system/components/Icon/SVG/Copy.tsx
index f154959d..f4b59ece 100644
--- a/src/system/components/Icon/SVG/Copy.tsx
+++ b/src/system/components/Icon/SVG/Copy.tsx
@@ -1,6 +1,6 @@
 import { IconBaseType } from '@/system/components/Icon/SVG/type';
 
-export default function Copy({ size, color }: IconBaseType) {
+export function Copy({ size, color }: IconBaseType) {
   return (
     <svg xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox={`0 0 ${size} ${size}`} fill="none">
       <path
diff --git a/src/system/components/Icon/SVG/LogoOnly.tsx b/src/system/components/Icon/SVG/LogoOnly.tsx
index 46637324..f0aa043b 100644
--- a/src/system/components/Icon/SVG/LogoOnly.tsx
+++ b/src/system/components/Icon/SVG/LogoOnly.tsx
@@ -1,6 +1,6 @@
 import { IconBaseType } from './type';
 
-export default function LogoOnly({ size, color }: IconBaseType) {
+export function LogoOnly({ size, color }: IconBaseType) {
   return (
     <svg width={size} height={size} viewBox={`0 0 ${size} ${size}`} fill="none" xmlns="http://www.w3.org/2000/svg">
       <path d="M9.61348 31.8391L12.8281 25.9752L6.07758 27.5573L9.61348 31.8391Z" fill="#20E79D" />
diff --git a/src/system/components/Icon/SVG/Rocket.tsx b/src/system/components/Icon/SVG/Rocket.tsx
index 65ff636a..4cacb1f2 100644
--- a/src/system/components/Icon/SVG/Rocket.tsx
+++ b/src/system/components/Icon/SVG/Rocket.tsx
@@ -1,6 +1,6 @@
 import { IconBaseType } from './type';
 
-export default function Rocket({ size, color }: IconBaseType) {
+export function Rocket({ size, color }: IconBaseType) {
   return (
     <svg width={size} height={size} viewBox={`0 0 ${size} ${size}`} fill="none" xmlns="http://www.w3.org/2000/svg">
       <path d="M11.5 24V16.5L16.5 14V20.5L11.5 24Z" fill="#186D50" />
diff --git a/src/system/components/Icon/SVG/Shoes.tsx b/src/system/components/Icon/SVG/Shoes.tsx
index dcc2a75f..1af2e592 100644
--- a/src/system/components/Icon/SVG/Shoes.tsx
+++ b/src/system/components/Icon/SVG/Shoes.tsx
@@ -1,6 +1,6 @@
 import { IconBaseType } from './type';
 
-export default function Shoes({ size, color }: IconBaseType) {
+export function Shoes({ size, color }: IconBaseType) {
   return (
     <svg width={size} height={size} viewBox={`0 0 ${size} ${size}`} fill="none" xmlns="http://www.w3.org/2000/svg">
       <path
diff --git a/src/system/components/Icon/SVG/X.tsx b/src/system/components/Icon/SVG/X.tsx
index 4dc2295e..27b1ccb5 100644
--- a/src/system/components/Icon/SVG/X.tsx
+++ b/src/system/components/Icon/SVG/X.tsx
@@ -3,8 +3,8 @@ import { IconBaseType } from './type';
 export function X({ size, color }: IconBaseType) {
   return (
     <svg width={size} height={size} viewBox={`0 0 ${size} ${size}`} fill="none" xmlns="http://www.w3.org/2000/svg">
-      <path d="M18 6L6 18" stroke={color} strokeWidth="1.5" stroke-linecap="square" stroke-linejoin="round" />
-      <path d="M6 6L18 18" stroke={color} strokeWidth="1.5" stroke-linecap="square" stroke-linejoin="round" />
+      <path d="M18 6L6 18" stroke={color} stroke-width="1.5" stroke-linecap="square" stroke-linejoin="round" />
+      <path d="M6 6L18 18" stroke={color} stroke-width="1.5" stroke-linecap="square" stroke-linejoin="round" />
     </svg>
   );
 }