diff --git a/src/components/IbulDialog/IdeaOutline.tsx b/src/components/IbulDialog/IdeaOutline.tsx
index 8b88eb6..96509e5 100644
--- a/src/components/IbulDialog/IdeaOutline.tsx
+++ b/src/components/IbulDialog/IdeaOutline.tsx
@@ -1,6 +1,5 @@
 'use client'
 
-import React from 'react'
 import {
   DialogClose,
   DialogContent,
@@ -10,10 +9,10 @@ import {
   DialogRoot,
   DialogTitle,
   DialogTrigger,
-} from '../common/Dialog'
-import styled from 'styled-components'
-import { FaX } from 'react-icons/fa6'
+} from '@/components/common/Dialog'
 import { theme } from '@/styles/theme'
+import { FaX } from 'react-icons/fa6'
+import styled from 'styled-components'
 
 const IdeaOutlineContainer = styled.div`
   display: flex;
diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index 4393b11..0e3231a 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -28,7 +28,8 @@ const LayoutRegistry = ({ children }: { children: React.ReactNode }) => {
 export default LayoutRegistry
 
 const StyledWrapper = styled.main`
-  max-width: 480px;
+  max-width: 430px;
+  min-width: 363px;
   width: 100%;
   margin: 0 auto;
   min-height: 100vh;
diff --git a/src/styles/theme.ts b/src/styles/theme.ts
index 4d53e86..1e9036f 100644
--- a/src/styles/theme.ts
+++ b/src/styles/theme.ts
@@ -13,6 +13,7 @@ export const theme = {
     grey600: '#9f9f9f',
     grey700: '#989898',
     red: '#ff0000',
+    pink: '#F022AA',
   },
   fontWeight: {
     light: 300,