diff --git a/next.config.ts b/next.config.ts
index c71cf2b..a5da119 100644
--- a/next.config.ts
+++ b/next.config.ts
@@ -1,15 +1,13 @@
-
 import type { NextConfig } from 'next';
 
-
 const nextConfig: NextConfig = {
   // TurboPack 설정
   experimental: {
     turbo: {
       rules: {
-        '.svg': {
+        '*.svg': {
           loaders: ['@svgr/webpack'],
-          as: '.js',
+          as: '*.js',
         },
       },
     },
@@ -22,11 +20,11 @@ const nextConfig: NextConfig = {
     config.module.rules.push(
       {
         ...fileLoaderRule,
-        test: /.svg$/i,
+        test: /\.svg$/i,
         resourceQuery: /url/,
       },
       {
-        test: /.svg$/i,
+        test: /\.svg$/i,
         issuer: fileLoaderRule.issuer,
         resourceQuery: { not: [...fileLoaderRule.resourceQuery.not, /url/] },
         use: [
@@ -40,9 +38,9 @@ const nextConfig: NextConfig = {
         ],
       }
     );
-    fileLoaderRule.exclude = /.svg$/i;
+    fileLoaderRule.exclude = /\.svg$/i;
     return config;
   },
 };
- 
+
 export default nextConfig;
diff --git a/src/app/design-system/page.tsx b/src/app/design-system/page.tsx
index b542ede..4cb63ff 100644
--- a/src/app/design-system/page.tsx
+++ b/src/app/design-system/page.tsx
@@ -134,6 +134,10 @@ function Page() {
           />
         </div>
       </div>
+
+      <div className="space-y-3">
+        <h2 className="text-2xl font-semibold pb-1">Button</h2>
+      </div>
     </div>
   );
 }
diff --git a/src/shared/components/like/like.tsx b/src/shared/components/like/like.tsx
index b130b26..6634413 100644
--- a/src/shared/components/like/like.tsx
+++ b/src/shared/components/like/like.tsx
@@ -1,6 +1,4 @@
 function like() {
-  return (
-    <div>like</div>
-  )
+  return <div>like</div>;
 }
-export default like
\ No newline at end of file
+export default like;