diff --git a/src/docs/src/routes/components/drawer.svelte.md b/src/docs/src/routes/components/drawer.svelte.md
index d92d46940d1..6e2c4ecd4b6 100644
--- a/src/docs/src/routes/components/drawer.svelte.md
+++ b/src/docs/src/routes/components/drawer.svelte.md
@@ -49,7 +49,7 @@ You can check/uncheck the checkbox using JavaScript or using `<label>` tag.
   </div> 
   <div class="drawer-side">
     <label for="my-drawer" class="drawer-overlay"></label>
-    <ul class="menu p-4 overflow-y-auto w-60 md:w-80 bg-base-100 text-base-content">
+    <ul class="menu p-4 w-60 md:w-80 bg-base-100 text-base-content">
       <li><a>Sidebar Item 1</a></li>
       <li><a>Sidebar Item 2</a></li>
     </ul>
@@ -65,7 +65,7 @@ You can check/uncheck the checkbox using JavaScript or using `<label>` tag.
   </div> 
   <div class="$$drawer-side">
     <label for="my-drawer" class="$$drawer-overlay"></label>
-    <ul class="$$menu p-4 overflow-y-auto w-80 bg-base-100 text-base-content">
+    <ul class="$$menu p-4 w-80 bg-base-100 text-base-content">
       <!-- Sidebar content here -->
       <li><a>Sidebar Item 1</a></li>
       <li><a>Sidebar Item 2</a></li>
@@ -84,7 +84,7 @@ You can check/uncheck the checkbox using JavaScript or using `<label>` tag.
   </div> 
   <div className="$$drawer-side">
     <label htmlFor="my-drawer" className="$$drawer-overlay"></label>
-    <ul className="$$menu p-4 overflow-y-auto w-80 bg-base-100 text-base-content">
+    <ul className="$$menu p-4 w-80 bg-base-100 text-base-content">
       <!-- Sidebar content here -->
       <li><a>Sidebar Item 1</a></li>
       <li><a>Sidebar Item 2</a></li>
@@ -103,7 +103,7 @@ You can check/uncheck the checkbox using JavaScript or using `<label>` tag.
   </div> 
   <div class="drawer-side">
     <label for="my-drawer-2" class="drawer-overlay"></label>
-    <ul class="menu p-4 overflow-y-auto w-60 md:w-80 bg-base-100 text-base-content">
+    <ul class="menu p-4 w-60 md:w-80 bg-base-100 text-base-content">
       <li><a>Sidebar Item 1</a></li>
       <li><a>Sidebar Item 2</a></li>
     </ul>
@@ -119,7 +119,7 @@ You can check/uncheck the checkbox using JavaScript or using `<label>` tag.
   </div> 
   <div class="$$drawer-side">
     <label for="my-drawer-2" class="$$drawer-overlay"></label> 
-    <ul class="$$menu p-4 overflow-y-auto w-80 bg-base-100 text-base-content">
+    <ul class="$$menu p-4 w-80 bg-base-100 text-base-content">
       <!-- Sidebar content here -->
       <li><a>Sidebar Item 1</a></li>
       <li><a>Sidebar Item 2</a></li>
@@ -138,7 +138,7 @@ You can check/uncheck the checkbox using JavaScript or using `<label>` tag.
   </div> 
   <div className="$$drawer-side">
     <label htmlFor="my-drawer-2" className="$$drawer-overlay"></label> 
-    <ul className="$$menu p-4 overflow-y-auto w-80 bg-base-100 text-base-content">
+    <ul className="$$menu p-4 w-80 bg-base-100 text-base-content">
       <!-- Sidebar content here -->
       <li><a>Sidebar Item 1</a></li>
       <li><a>Sidebar Item 2</a></li>
@@ -171,7 +171,7 @@ You can check/uncheck the checkbox using JavaScript or using `<label>` tag.
   </div> 
   <div class="drawer-side">
     <label for="my-drawer-3" class="drawer-overlay"></label> 
-    <ul class="p-4 overflow-y-auto menu w-60 md:w-80 bg-base-100">
+    <ul class="p-4 menu w-60 md:w-80 bg-base-100">
       <li><a>Sidebar Item 1</a></li>
       <li><a>Sidebar Item 2</a></li>
     </ul>
@@ -202,7 +202,7 @@ You can check/uncheck the checkbox using JavaScript or using `<label>` tag.
   </div> 
   <div class="$$drawer-side">
     <label for="my-drawer-3" class="$$drawer-overlay"></label> 
-    <ul class="$$menu p-4 overflow-y-auto w-80 bg-base-100">
+    <ul class="$$menu p-4 w-80 bg-base-100">
       <!-- Sidebar content here -->
       <li><a>Sidebar Item 1</a></li>
       <li><a>Sidebar Item 2</a></li>
@@ -237,7 +237,7 @@ You can check/uncheck the checkbox using JavaScript or using `<label>` tag.
   </div> 
   <div className="$$drawer-side">
     <label htmlFor="my-drawer-3" className="$$drawer-overlay"></label> 
-    <ul className="$$menu p-4 overflow-y-auto w-80 bg-base-100">
+    <ul className="$$menu p-4 w-80 bg-base-100">
       <!-- Sidebar content here -->
       <li><a>Sidebar Item 1</a></li>
       <li><a>Sidebar Item 2</a></li>
@@ -257,7 +257,7 @@ You can check/uncheck the checkbox using JavaScript or using `<label>` tag.
   </div> 
   <div class="drawer-side">
     <label for="my-drawer-4" class="drawer-overlay"></label>
-    <ul class="menu p-4 overflow-y-auto w-60 md:w-80 bg-base-100 text-base-content">
+    <ul class="menu p-4 w-60 md:w-80 bg-base-100 text-base-content">
       <li><a>Sidebar Item 1</a></li>
       <li><a>Sidebar Item 2</a></li>
     </ul>
@@ -273,7 +273,7 @@ You can check/uncheck the checkbox using JavaScript or using `<label>` tag.
   </div> 
   <div class="$$drawer-side">
     <label for="my-drawer-4" class="$$drawer-overlay"></label>
-    <ul class="$$menu p-4 overflow-y-auto w-80 bg-base-100 text-base-content">
+    <ul class="$$menu p-4 w-80 bg-base-100 text-base-content">
       <!-- Sidebar content here -->
       <li><a>Sidebar Item 1</a></li>
       <li><a>Sidebar Item 2</a></li>
@@ -293,7 +293,7 @@ You can check/uncheck the checkbox using JavaScript or using `<label>` tag.
   </div> 
   <div className="$$drawer-side">
     <label htmlFor="my-drawer-4" className="$$drawer-overlay"></label>
-    <ul className="$$menu p-4 overflow-y-auto w-80 bg-base-100 text-base-content">
+    <ul className="$$menu p-4 w-80 bg-base-100 text-base-content">
       <!-- Sidebar content here -->
       <li><a>Sidebar Item 1</a></li>
       <li><a>Sidebar Item 2</a></li>