From 248b96c2c98ce4cc8c8afc38f000b3be92a251e8 Mon Sep 17 00:00:00 2001
From: Pouya Saadeghi <pouya.saadeghi@gmail.com>
Date: Thu, 20 Jul 2023 19:05:36 +0300
Subject: [PATCH] docs

---
 src/docs/src/routes/components/join/+page.svelte.md | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/docs/src/routes/components/join/+page.svelte.md b/src/docs/src/routes/components/join/+page.svelte.md
index 2c4a1049fdd..2f854cc5d8f 100644
--- a/src/docs/src/routes/components/join/+page.svelte.md
+++ b/src/docs/src/routes/components/join/+page.svelte.md
@@ -69,11 +69,11 @@ data="{[
 <div class="join">
   <div>
     <div>
-      <input class="input input-bordered join-item" placeholder="Search..."/>
+      <input class="input input-bordered join-item w-[5.3rem] md:w-52" placeholder="Search"/>
     </div>
   </div>
-  <select class="select select-bordered join-item">
-    <option disabled selected>Category</option>
+  <select class="select select-bordered join-item w-[5.8rem] md:w-auto">
+    <option disabled selected>Filter</option>
     <option>Sci-fi</option>
     <option>Drama</option>
     <option>Action</option>
@@ -87,11 +87,11 @@ data="{[
 `<div class="$$join">
   <div>
     <div>
-      <input class="$$input $$input-bordered $$join-item" placeholder="Search..."/>
+      <input class="$$input $$input-bordered $$join-item" placeholder="Search"/>
     </div>
   </div>
   <select class="$$select $$select-bordered $$join-item">
-    <option disabled selected>Category</option>
+    <option disabled selected>Filter</option>
     <option>Sci-fi</option>
     <option>Drama</option>
     <option>Action</option>
@@ -106,7 +106,7 @@ data="{[
 
 <Component title="Custom border radius">
 <div class="join">
-  <input class="input input-bordered join-item" placeholder="Email"/>
+  <input class="input input-bordered join-item w-36 lg:w-52" placeholder="Email"/>
   <button class="btn join-item rounded-r-full">Subscribe</button>
 </div>
 <pre slot="html" use:replace={{ to: $prefix }}>{