diff --git a/src/app/(landing)/_components/StepsSection.tsx b/src/app/(landing)/_components/StepsSection.tsx
index 5205408..d077853 100644
--- a/src/app/(landing)/_components/StepsSection.tsx
+++ b/src/app/(landing)/_components/StepsSection.tsx
@@ -19,7 +19,7 @@ const steps = [
   {
     icon: NoteIcon,
     title: "학습하고 기록하기",
-    description: "할 일을 완료하며 학습하고,\n노트로 기록하세요",
+    description: "할 일을 완료하며 학습하고\n노트로 기록하세요",
   },
 ];
 
diff --git a/src/app/(protected)/notes/_components/GoalBanner.tsx b/src/app/(protected)/notes/_components/GoalBanner.tsx
index b49b992..bd24918 100644
--- a/src/app/(protected)/notes/_components/GoalBanner.tsx
+++ b/src/app/(protected)/notes/_components/GoalBanner.tsx
@@ -10,7 +10,7 @@ export default function GoalBanner({ title }: GoalBannerProps) {
         alt="목표 아이콘"
         className="h-8 w-8 lg:h-10 lg:w-10"
       />
-      <p className="text-gray-750 min-w-0 flex-1 truncate text-base font-semibold sm:text-xl lg:text-2xl">
+      <p className="text-gray-750 min-w-0 flex-1 text-base font-semibold sm:text-xl lg:text-2xl">
         {title}
       </p>
     </div>
diff --git a/src/app/(protected)/notes/_components/NoteItem.tsx b/src/app/(protected)/notes/_components/NoteItem.tsx
index 32ff159..8ac6d45 100644
--- a/src/app/(protected)/notes/_components/NoteItem.tsx
+++ b/src/app/(protected)/notes/_components/NoteItem.tsx
@@ -60,7 +60,7 @@ export default function NoteItem({
         <header className="mb-2 flex items-center justify-between border-b border-b-gray-100 pb-2 sm:mb-3.5 sm:pb-4 lg:mb-4 lg:pb-5">
           <NoteTitleView
             title={title}
-            className="text-sm sm:text-lg lg:text-xl"
+            className="truncate text-sm sm:text-lg lg:text-xl"
           />
           <button
             type="button"
diff --git a/src/app/(protected)/notes/_components/NoteLinkPreview.tsx b/src/app/(protected)/notes/_components/NoteLinkPreview.tsx
index 58dff9f..9e9fa72 100644
--- a/src/app/(protected)/notes/_components/NoteLinkPreview.tsx
+++ b/src/app/(protected)/notes/_components/NoteLinkPreview.tsx
@@ -21,7 +21,7 @@ export function NoteLinkPreview({
     <div
       className="bg-gray-25 flex cursor-pointer flex-col gap-1 rounded-xl px-4 py-3.5"
       onClick={onClick}>
-      <div className="flex justify-between">
+      <div className="flex items-start justify-between">
         <div className="flex items-start gap-1">
           <img
             src={`https://www.google.com/s2/favicons?domain=${new URL(linkMetadata.url).hostname}&sz=32`}
diff --git a/src/app/(protected)/notes/_components/NoteTitleView.tsx b/src/app/(protected)/notes/_components/NoteTitleView.tsx
index 308a25d..5568247 100644
--- a/src/app/(protected)/notes/_components/NoteTitleView.tsx
+++ b/src/app/(protected)/notes/_components/NoteTitleView.tsx
@@ -16,9 +16,7 @@ export default function NoteTitleView({
         alt="노트 아이콘"
         className="h-8 w-8 lg:h-10 lg:w-10"
       />
-      <span className={clsx("flex-1 truncate font-semibold", className)}>
-        {title}
-      </span>
+      <span className={clsx("flex-1 font-semibold", className)}>{title}</span>
     </h3>
   );
 }
diff --git a/src/app/globals.css b/src/app/globals.css
index 12fff74..deef201 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -90,6 +90,5 @@
 }
 
 [data-sonner-toast] {
-  min-width: 400px !important;
-  max-width: 90vw !important;
+  width: min(400px, 90vw);
 }