diff --git a/web/src/components/layout/not-found.tsx b/web/src/components/layout/not-found.tsx
index 1ea4ff2..beaa47b 100644
--- a/web/src/components/layout/not-found.tsx
+++ b/web/src/components/layout/not-found.tsx
@@ -31,7 +31,7 @@ const YearNotFound: React.FC<IndexPropsNotFound> = ({
             <a
               href={`https://${year.year}.nollning.esek.se`}
               key={year.year}
-              className="flex flex-col items-center justify-center gap-4 rounded-md border-2 p-4"
+              className="flex flex-col items-center justify-center gap-4 rounded-md border-2 p-4 w-[200px] h-full"
               style={{
                 backgroundColor: year.colors.primary,
                 borderColor: year.colors.accent,
diff --git a/web/src/lib/years.ts b/web/src/lib/years.ts
index d9fd953..986552d 100644
--- a/web/src/lib/years.ts
+++ b/web/src/lib/years.ts
@@ -11,7 +11,7 @@ import { getAsync } from './axios';
 const getCurrentYear = async (
   year: string,
   password: string,
-  locale: string
+  locale: string,
 ): Promise<IndexPropsFound | null> => {
   // fetches the year data from strapi
   const resp = await getAsync<Year>(`/years/${year}?password=${password}`, {
@@ -37,7 +37,7 @@ const getCurrentYear = async (
 };
 
 const getPreviousYears = async (
-  locale: string
+  locale: string,
 ): Promise<IndexPropsNotFound> => {
   const isSwe = locale === 'sv';
   const title = isSwe ? 'Nollningsåret hittades inte' : 'Year not found';
@@ -49,14 +49,14 @@ const getPreviousYears = async (
     title,
     description,
     found: false,
-    years: resp,
+    years: resp.toSorted((a, b) => Number(b.year) - Number(a.year)),
   };
 };
 
 export const getYearData = async (
   year: string,
   password: string,
-  locale: string
+  locale: string,
 ): Promise<IndexProps> => {
   const currentYear = await getCurrentYear(year, password, locale);