diff --git a/site/components/ui/Dropdown/Dropdown.module.css b/site/components/ui/Dropdown/Dropdown.module.css
index 8c518dacf..e05fbdb1f 100644
--- a/site/components/ui/Dropdown/Dropdown.module.css
+++ b/site/components/ui/Dropdown/Dropdown.module.css
@@ -1,13 +1,7 @@
 .root {
-  @apply shadow-lg w-56 bg-accent-0;
-  box-shadow: hsl(206 22% 7% / 45%) 0px 10px 38px -10px,
-    hsl(206 22% 7% / 20%) 0px 10px 20px -15px;
-  will-change: transform, opacity;
-  animation-duration: 600ms;
-  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
-  animation-fill-mode: forwards;
-  transform-origin: var(--radix-dropdown-menu-content-transform-origin);
-  animation-name: slideIn;
+  @apply w-56 bg-accent-0;
+  animation: none;
+  transition: none;
 }
 
 @keyframes slideIn {
@@ -17,6 +11,20 @@
   }
   100% {
     opacity: 1;
-    transform: translateY(0);
+    transform: translateY(0px);
+  }
+}
+
+@media screen(md) {
+  .root {
+    @apply shadow-lg;
+    box-shadow: hsl(206 22% 7% / 45%) 0px 10px 38px -10px,
+      hsl(206 22% 7% / 20%) 0px 10px 20px -15px;
+    will-change: transform, opacity;
+    animation-duration: 600ms;
+    animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
+    animation-fill-mode: forwards;
+    transform-origin: var(--radix-dropdown-menu-content-transform-origin);
+    animation-name: slideIn;
   }
 }
diff --git a/site/components/ui/Dropdown/Dropdown.tsx b/site/components/ui/Dropdown/Dropdown.tsx
index c4f2aa5a5..1b6204213 100644
--- a/site/components/ui/Dropdown/Dropdown.tsx
+++ b/site/components/ui/Dropdown/Dropdown.tsx
@@ -15,7 +15,7 @@ export const DropdownContent = React.forwardRef<
     React.RefAttributes<HTMLDivElement>
 >(function DropdownContent({ children, ...props }, forwardedRef) {
   return (
-    <DropdownMenu.Content ref={forwardedRef} side="bottom" {...props}>
+    <DropdownMenu.Content ref={forwardedRef} asChild {...props}>
       <div className={s.root}>{children}</div>
     </DropdownMenu.Content>
   )