chore: fix auth layout issue

Author: haritabh-z01

apps/admin/package.json

@@ -117,7 +117,7 @@
     "eslint-plugin-drizzle": "^0.2.3",
     "postcss": "^8.4.39",
     "raw-loader": "^4.0.2",
-    "tailwindcss": "^4.0.14",
+    "tailwindcss": "^4.1.16",
     "tailwindcss-animate": "^1.0.7",
     "typescript": "^5.9.2"
   },

apps/admin/src/app/auth/[path]/page.tsx

@@ -41,6 +41,10 @@ export default async function AuthPage({
             </div>
           }
           className="w-full border shadow-lg p-8"
+          //! the width part for the separator or continue with was having issues
+          classNames={{
+            separator: "data-[orientation=horizontal]:!w-auto",
+          }}
         />
       </div>
     </main>

packages/ui/package.json

@@ -28,7 +28,7 @@
     "@types/node": "^24.3.0",
     "@types/react": "^19.1.9",
     "@types/react-dom": "^19.1.7",
-    "tailwindcss": "^4.0.8",
+    "tailwindcss": "^4.1.16",
     "typescript": "5.9.2"
   },
   "dependencies": {