diff --git a/src/app/(protected)/[classSlug]/flashcards/page.tsx b/src/app/(protected)/[classSlug]/flashcards/page.tsx
index 8a455f1..5ff4316 100644
--- a/src/app/(protected)/[classSlug]/flashcards/page.tsx
+++ b/src/app/(protected)/[classSlug]/flashcards/page.tsx
@@ -250,7 +250,7 @@ export default function FlashcardsPage() {
     });
     if (res.ok) {
       const g = await res.json();
-      setGroups((prev) => [...prev, g]);
+      setGroups((prev) => [g, ...prev]);
       setIsCreatingGroup(false);
       setNewGroupName("");
     }
diff --git a/src/app/(protected)/[classSlug]/quizzes/page.tsx b/src/app/(protected)/[classSlug]/quizzes/page.tsx
index 97be050..0509c3b 100644
--- a/src/app/(protected)/[classSlug]/quizzes/page.tsx
+++ b/src/app/(protected)/[classSlug]/quizzes/page.tsx
@@ -237,7 +237,7 @@ export default function QuizzesPage() {
     });
     if (res.ok) {
       const g = await res.json();
-      setGroups((prev) => [...prev, g]);
+      setGroups((prev) => [g, ...prev]);
       setIsCreatingGroup(false);
       setNewGroupName("");
     }
diff --git a/src/app/api/material-groups/route.ts b/src/app/api/material-groups/route.ts
index 6184603..2485c6d 100644
--- a/src/app/api/material-groups/route.ts
+++ b/src/app/api/material-groups/route.ts
@@ -23,7 +23,7 @@ export async function GET(request: NextRequest) {
   try {
     const groups = await prisma.materialGroup.findMany({
       where: whereClause,
-      orderBy: { sortOrder: "asc" },
+      orderBy: [{ sortOrder: "desc" }, { createdAt: "desc" }],
     });
     return NextResponse.json(groups);
   } catch (error) {
diff --git a/src/components/import/ImportTab.tsx b/src/components/import/ImportTab.tsx
index 508fdc3..13c3b56 100644
--- a/src/components/import/ImportTab.tsx
+++ b/src/components/import/ImportTab.tsx
@@ -170,12 +170,12 @@ export function ImportTab({ classId, importType, onImported }: ImportTabProps) {
           onChange={(e) => setSelectedGroupId(e.target.value)}
           className="w-full px-3.5 py-2.5 rounded-lg border border-border bg-bg-surface-alt/50 text-text-heading focus:outline-none focus:ring-2 focus:ring-primary/30 focus:border-primary transition-all duration-200"
         >
-          <option value="">Uncategorized</option>
           {materialGroups.map((group) => (
             <option key={group.id} value={group.id}>
               {group.name}
             </option>
           ))}
+          <option value="">Uncategorized</option>
         </select>
       </div>