diff --git a/next-app/components/StreamView/Queue.tsx b/next-app/components/StreamView/Queue.tsx
index ddb8b41..d7a74da 100644
--- a/next-app/components/StreamView/Queue.tsx
+++ b/next-app/components/StreamView/Queue.tsx
@@ -13,6 +13,7 @@ import {
   DialogHeader,
   DialogTitle,
 } from "@/components/ui/dialog";
+import { useAutoAnimate } from "@formkit/auto-animate/react";
 
 type Props = {
   queue: Video[];
@@ -25,6 +26,7 @@ type Props = {
 export default function Queue({ queue, isCreator, creatorId, userId,spaceId }: Props) {
   const { sendMessage } = useSocket();
   const [isEmptyQueueDialogOpen, setIsEmptyQueueDialogOpen] = useState(false);
+  const [parent] = useAutoAnimate();
 
   function handleVote(id: string, isUpvote: boolean) {
     sendMessage("cast-vote", {
@@ -91,6 +93,7 @@ export default function Queue({ queue, isCreator, creatorId, userId,spaceId }: P
               </CardContent>
             </Card>
           )}
+          <div className="space-y-4" ref={parent}>
           {queue.map((video) => (
             <Card key={video.id} className="">
               <CardContent className="flex items-center space-x-4 p-4">
@@ -131,6 +134,7 @@ export default function Queue({ queue, isCreator, creatorId, userId,spaceId }: P
               </CardContent>
             </Card>
           ))}
+          </div>
         </div>
       </div>
       <Dialog
diff --git a/next-app/package.json b/next-app/package.json
index 87217a7..1168235 100644
--- a/next-app/package.json
+++ b/next-app/package.json
@@ -16,6 +16,7 @@
     "format:check": "prettier --check \"**/*.{ts,tsx,json}\""
   },
   "dependencies": {
+    "@formkit/auto-animate": "^0.8.2",
     "@prisma/client": "5.19.0",
     "@radix-ui/react-dialog": "^1.1.1",
     "@radix-ui/react-dropdown-menu": "^2.1.1",
diff --git a/next-app/pnpm-lock.yaml b/next-app/pnpm-lock.yaml
index d17e854..049295a 100644
--- a/next-app/pnpm-lock.yaml
+++ b/next-app/pnpm-lock.yaml
@@ -8,6 +8,9 @@ importers:
 
   .:
     dependencies:
+      '@formkit/auto-animate':
+        specifier: ^0.8.2
+        version: 0.8.2
       '@prisma/client':
         specifier: 5.19.0
         version: 5.19.0(prisma@5.19.1)
@@ -155,6 +158,9 @@ packages:
   '@floating-ui/utils@0.2.8':
     resolution: {integrity: sha512-kym7SodPp8/wloecOpcmSnWJsK7M0E5Wg8UcFA+uO4B9s5d0ywXOEro/8HM9x0rW+TljRzul/14UYz3TleT3ig==}
 
+  '@formkit/auto-animate@0.8.2':
+    resolution: {integrity: sha512-SwPWfeRa5veb1hOIBMdzI+73te5puUBHmqqaF1Bu7FjvxlYSz/kJcZKSa9Cg60zL0uRNeJL2SbRxV6Jp6Q1nFQ==}
+
   '@humanwhocodes/config-array@0.11.14':
     resolution: {integrity: sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==}
     engines: {node: '>=10.10.0'}
@@ -2296,6 +2302,8 @@ snapshots:
 
   '@floating-ui/utils@0.2.8': {}
 
+  '@formkit/auto-animate@0.8.2': {}
+
   '@humanwhocodes/config-array@0.11.14':
     dependencies:
       '@humanwhocodes/object-schema': 2.0.3
diff --git a/ws/package.json b/ws/package.json
index c81ef16..ebedd99 100644
--- a/ws/package.json
+++ b/ws/package.json
@@ -7,8 +7,7 @@
     "preinstall": "npx only-allow pnpm",
     "dev": "nodemon src/app.ts",
     "start": "node dist/app.js",
-    "build": "prisma generate && npx tsc -b",
-    "postinstall": "prisma generate"
+    "build": "prisma generate && npx tsc -b"
   },
   "keywords": [],
   "author": "",