diff --git a/src/components/EasyGuideLink.tsx b/src/components/EasyGuideLink.tsx
index e91047ab8..368ff4c0d 100644
--- a/src/components/EasyGuideLink.tsx
+++ b/src/components/EasyGuideLink.tsx
@@ -2,7 +2,7 @@ export default function EasyGuideLink() {
   return (
     <div>
       <a
-        class="my-4 inline-flex items-center gap-2 rounded bg-orange-600 px-5 py-2 text-lg text-orange-1 font-bold"
+        class="my-4 h-10 inline-flex items-center gap-1 rounded-md bg-orange-600 px-4 text-[15px] text-white font-medium"
         target="_blank"
         href="https://www.canva.com/design/DAFqFrw4MPs/clixBNoIORAzdqJB0SlOoA/view?utm_content=DA[…]MPs&utm_campaign=designshare&utm_medium=link&utm_source=editor"
       >
diff --git a/src/components/gitbook/Details.tsx b/src/components/gitbook/Details.tsx
index 45c373ce7..e541c8235 100644
--- a/src/components/gitbook/Details.tsx
+++ b/src/components/gitbook/Details.tsx
@@ -31,7 +31,7 @@ export default function Details(
       open={open()}
       onOpenChange={setOpen}
       class={clsx(
-        "group/details my-4 border rounded [&[data-expanded]>button>.chevron]:(transform-origin-c transform-rotate-90) hover:border-orange",
+        "group/details my-4 border rounded-md [&[data-expanded]>button>.chevron]:(transform-origin-c transform-rotate-90) hover:border-orange",
         locals.class,
       )}
     >
diff --git a/src/components/gitbook/Tabs.tsx b/src/components/gitbook/Tabs.tsx
index 5d757d539..66da79bc9 100644
--- a/src/components/gitbook/Tabs.tsx
+++ b/src/components/gitbook/Tabs.tsx
@@ -42,7 +42,7 @@ export default function Tabs(
   return (
     <TabsImpl
       {...others}
-      class={clsx("my-4 flex flex-col", locals.class)}
+      class={clsx("my-4 flex flex-col rounded-md", locals.class)}
       defaultValue={untrack(childrenTitles)[0]}
     >
       <TabsImpl.List class="flex -mb-px">
@@ -65,7 +65,7 @@ export default function Tabs(
         {(title) => (
           <TabsImpl.Content
             value={title}
-            class="border rounded rounded-tl-none px-6 py-4"
+            class="border rounded-md rounded-tl-none px-6 py-4"
           >
             {children.get(title)?.()}
           </TabsImpl.Content>
diff --git a/src/layouts/gnb/VersionSwitch.tsx b/src/layouts/gnb/VersionSwitch.tsx
index ba3fb948b..03a8865a3 100644
--- a/src/layouts/gnb/VersionSwitch.tsx
+++ b/src/layouts/gnb/VersionSwitch.tsx
@@ -52,7 +52,7 @@ export function VersionSwitch(props: VersionSwitchProps) {
             else navigate("/");
           }}
           class={clsx(
-            "bg-slate-1 border-slate-2 text-[13px] leading-[15.6px] text-slate-5 p-1 <md:p-.5 border-1 flex cursor-pointer select-none overflow-hidden whitespace-pre rounded-md text-center font-medium",
+            "bg-slate-1 text-[13px] leading-[15.6px] text-slate-5 p-1 <md:p-.5 flex cursor-pointer select-none overflow-hidden whitespace-pre rounded-md text-center font-medium",
             props.class,
           )}
         >
diff --git a/src/layouts/sidebar/search.tsx b/src/layouts/sidebar/search.tsx
index 0a6a6aec9..72d3ae3e2 100644
--- a/src/layouts/sidebar/search.tsx
+++ b/src/layouts/sidebar/search.tsx
@@ -197,7 +197,7 @@ export function SearchScreen(props: SearchScreenProps) {
         >
           <i class="i-ic-baseline-search text-xl"></i>
           <input
-            class="flex-1 bg-transparent px-2"
+            class="flex-1 bg-transparent px-2 outline-none"
             ref={inputRef}
             placeholder={t(props.searchIndex, "searchContent")}
             value={searchText()}
@@ -242,18 +242,18 @@ export function SearchScreen(props: SearchScreenProps) {
                               tabIndex={0}
                               onClick={closeSearchScreen}
                             >
-                              <li class="px-2 py-2 hover:bg-slate-1">
-                                <div class="grid grid-cols-[max-content_1fr] items-center gap-.5 overflow-hidden">
+                              <li class="flex flex-col gap-.5 px-2 py-2 hover:bg-slate-1">
+                                <div class="grid grid-cols-[max-content_1fr] items-center gap-1.5 overflow-hidden">
                                   <span class="text-sm text-slate-9 font-medium">
                                     {item.title}
                                   </span>
                                   <Show when={item.description}>
-                                    <span class="overflow-hidden text-ellipsis whitespace-nowrap text-xs text-slate-4 leading-4">
+                                    <span class="overflow-hidden text-ellipsis whitespace-nowrap text-sm text-slate-5 leading-4">
                                       {item.description}
                                     </span>
                                   </Show>
                                 </div>
-                                <div class="line-clamp-1 text-ellipsis">
+                                <div class="line-clamp-2 text-ellipsis leading-[1.2]">
                                   <For
                                     each={contentDescription().split(
                                       highlightedRegex(),
@@ -262,7 +262,7 @@ export function SearchScreen(props: SearchScreenProps) {
                                     {(text) => (
                                       <Switch
                                         fallback={
-                                          <span class="text-xs text-slate-4">
+                                          <span class="text-[13px] text-slate-4">
                                             {text}
                                           </span>
                                         }
@@ -270,7 +270,7 @@ export function SearchScreen(props: SearchScreenProps) {
                                         <Match
                                           when={highlightedRegex().test(text)}
                                         >
-                                          <span class="text-xs text-portone">
+                                          <span class="text-[13px] text-portone">
                                             {text}
                                           </span>
                                         </Match>
diff --git a/src/styles/article.css b/src/styles/article.css
index 1ab20821e..b549ffe6d 100644
--- a/src/styles/article.css
+++ b/src/styles/article.css
@@ -15,11 +15,14 @@ article code {
 article mark {
   background: none;
 }
+article strong {
+  font-weight: 600;
+}
 article pre.shiki {
   width: 100%;
   margin: 1em 0;
   padding: 1em 0;
-  border-radius: 0.75em;
+  border-radius: 0.375rem;
   background-color: white;
   overflow-x: auto;
   border: 1px solid rgba(209, 213, 219); /* border-slate-2 */