diff --git a/src/layouts/DocumentLayout.astro b/src/layouts/DocumentLayout.astro
index 1a077ae..4c7b62b 100644
--- a/src/layouts/DocumentLayout.astro
+++ b/src/layouts/DocumentLayout.astro
@@ -6,7 +6,7 @@ const { title = 'Document', description = 'Document content placeholder.' } =
 
 <SiteLayout title={title} description={description}>
   <div
-    class="rounded-3xl border border-slate-200 bg-white p-6 shadow-sm sm:p-10"
+    class="w-full p-0 bg-transparent sm:rounded-3xl sm:border sm:border-slate-200 sm:bg-white sm:p-10 sm:shadow-sm"
   >
     <header class="mb-8">
       <p
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 8fe20c8..f3eeefd 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -8,12 +8,8 @@ import SiteLayout from '../layouts/SiteLayout.astro';
 >
   <section class="space-y-16">
     <div
-      class="relative overflow-hidden rounded-3xl border border-slate-200 bg-white p-8 shadow-sm sm:p-12"
+      class="relative overflow-hidden w-full p-0 bg-transparent sm:rounded-3xl sm:border sm:border-slate-200 sm:bg-white sm:p-12 sm:shadow-sm"
     >
-      <div
-        class="absolute inset-x-0 top-0 h-1 bg-gradient-to-r from-slate-900 via-slate-500 to-slate-300"
-      >
-      </div>
       <div class="grid gap-10 lg:grid-cols-[1.5fr_0.85fr] lg:items-end">
         <div class="max-w-4xl">
           <p
@@ -36,7 +32,7 @@ import SiteLayout from '../layouts/SiteLayout.astro';
           </p>
         </div>
 
-        <aside class="border-l border-slate-200 pl-0 lg:pl-8">
+        <aside class="pl-0 lg:border-l lg:border-slate-200 lg:pl-8">
           <p
             class="text-xs font-semibold uppercase tracking-[0.35em] text-slate-500"
           >
diff --git a/src/styles/global.css b/src/styles/global.css
index f06b87d..090103a 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -1,2 +1,8 @@
 @import 'tailwindcss';
 @plugin "@tailwindcss/typography";
+
+@layer base {
+  body {
+    word-break: keep-all;
+  }
+}