diff --git a/app/src/App.tsx b/app/src/App.tsx
index b656933..f44af3c 100644
--- a/app/src/App.tsx
+++ b/app/src/App.tsx
@@ -5,7 +5,7 @@ import { Button } from "./components/ui/button.tsx";
 import router from "./router.ts";
 import I18nProvider from "./components/I18nProvider.tsx";
 import ProjectLink from "./components/ProjectLink.tsx";
-import { Menu } from "lucide-react";
+import {Cloud, Menu} from "lucide-react";
 import { Provider, useDispatch, useSelector } from "react-redux";
 import { toggleMenu } from "./store/menu.ts";
 import store from "./store/index.ts";
@@ -28,7 +28,7 @@ import { Toaster } from "./components/ui/toaster.tsx";
 import {login, tokenField} from "./conf.ts";
 import { useTranslation } from "react-i18next";
 import Quota from "./routes/Quota.tsx";
-import { openDialog as openQuotaDialog } from "./store/quota.ts";
+import {openDialog as openQuotaDialog, quotaSelector} from "./store/quota.ts";
 import { openDialog as openPackageDialog } from "./store/package.ts";
 import Package from "./routes/Package.tsx";
 
@@ -36,6 +36,7 @@ function Settings() {
   const { t } = useTranslation();
   const dispatch = useDispatch();
   const username = useSelector(selectUsername);
+  const quota = useSelector(quotaSelector);
 
   return (
     <div className={`avatar`}>
@@ -50,6 +51,10 @@ function Settings() {
             {username}
           </DropdownMenuLabel>
           <DropdownMenuSeparator />
+          <DropdownMenuItem onClick={() => dispatch(openQuotaDialog())}>
+            <Cloud className={`h-4 w-4 mr-1`} />
+            { quota }
+          </DropdownMenuItem>
           <DropdownMenuItem onClick={() => dispatch(openQuotaDialog())}>{t("quota")}</DropdownMenuItem>
           <DropdownMenuItem onClick={() => dispatch(openPackageDialog())}>{t("pkg.title")}</DropdownMenuItem>
           <DropdownMenuSeparator />