diff --git a/src/App.css b/src/App.css
index 7d868ba..9f75c1f 100644
--- a/src/App.css
+++ b/src/App.css
@@ -67,7 +67,6 @@
   margin: 1rem 0;
   padding: 8px 16px;
   border-radius: 8px;
-  outline: 1px solid #c0c0e3;
   transition: ease 0.2s opacity;
 }
 
diff --git a/src/App.tsx b/src/App.tsx
index e7e03cc..5c3bc01 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -234,6 +234,8 @@ function App() {
             className={classNames(
               'App__post-timeline',
               isLoading && 'App__post-timeline--loading',
+              'ring-1',
+              'shadow-xl',
             )}
           >
             {records.map((record) => (
diff --git a/src/components/User.css b/src/components/User.css
index cbb408a..bcaf6f7 100644
--- a/src/components/User.css
+++ b/src/components/User.css
@@ -5,8 +5,8 @@
   display: flex;
   padding: 12px;
   margin: 12px 0;
-  border: 2px solid darkgray;
   border-radius: 8px;
+  background-color: #f0f0f0;
   background-size: cover;
   background-position: center;
 }
diff --git a/src/index.css b/src/index.css
index 5425d22..183907f 100644
--- a/src/index.css
+++ b/src/index.css
@@ -11,7 +11,7 @@ body {
   max-width: 40rem;
   margin: 0 auto;
   padding: 16px;
-  background: #d9d9fb;
+  background: #dee0ff;
   color: #112;
 }
 
@@ -77,7 +77,7 @@ body {
   border-radius: 8px;
   font: inherit;
   font-weight: bold;
-  background-image: linear-gradient(to bottom, #75e, #42c);
+  background-image: linear-gradient(2.35619rad, rgb(90, 113, 250), rgb(0, 133, 255));
   color: white;
   margin: 2px;
   padding: 14px 12px;