diff --git a/docs/src/components/Elements/dropdown.js b/docs/src/components/Elements/dropdown.js
index 9800386e3..96316ac7f 100644
--- a/docs/src/components/Elements/dropdown.js
+++ b/docs/src/components/Elements/dropdown.js
@@ -122,7 +122,7 @@ export default function Dropdown() {
           leaveFrom="transform opacity-100 scale-100"
           leaveTo="transform opacity-0 scale-95"
         >
-          <Menu.Items className="absolute right-0 z-10 mt-2 w-72 text-left origin-top-right rounded-md bg-blue-600 shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none overflow-hidden">
+          <Menu.Items className="absolute right-0 z-10 mt-1 w-72 text-left origin-top-right rounded-md bg-blue-600 shadow-2xl ring-1 ring-black ring-opacity-5 focus:outline-none overflow-hidden">
             <div className="overflow-hidden">
               {systems.map((system) => (
                 <Menu.Item key={system.name}>
diff --git a/docs/src/pages/index.js b/docs/src/pages/index.js
index de49d2b7e..611ddeff3 100644
--- a/docs/src/pages/index.js
+++ b/docs/src/pages/index.js
@@ -110,8 +110,8 @@ export default function Home() {
                 </div>
 
                 <div className="text-center relative ">
-                  <div className="el-blur-hero absolute -left-40 w-full top-1/2 -translate-y-1/2" />
-                  <div className="p-3 border dark:border-gray-500 border-gray-400 inline-block rounded-lg relative z-10">
+                  {/* <div className="el-blur-hero absolute -left-40 w-full top-1/2 -translate-y-1/2" /> */}
+                  <div className="p-3 border dark:border-gray-500 border-gray-400 inline-block rounded-lg">
                     <ThemedImage
                       alt="App screenshot"
                       sources={{