diff --git a/src/components/managerComponents/AppCard.css b/src/components/managerComponents/AppCard.css
index a20bf1e..de38039 100644
--- a/src/components/managerComponents/AppCard.css
+++ b/src/components/managerComponents/AppCard.css
@@ -5,6 +5,7 @@
   border-radius: 15px;
   align-content: center;
   cursor: pointer;
+  position: relative;
 }
 
 .card:hover {
@@ -52,3 +53,20 @@
   text-align: center;
   width: max-content;
 }
+
+.bottomRectangle {
+  background-color: rgba(
+    0,
+    0,
+    0,
+    0.158
+  ); /* Change this to the desired background color */
+  padding: 5px 10px;
+  border: 1px solid #acacac;
+  border-radius: 10px;
+  font-size: 12px;
+  text-align: center;
+  position: absolute;
+  top: 0;
+  left: 0;
+}
diff --git a/src/components/managerComponents/AppCard.tsx b/src/components/managerComponents/AppCard.tsx
index c4c0eea..3c9bc54 100644
--- a/src/components/managerComponents/AppCard.tsx
+++ b/src/components/managerComponents/AppCard.tsx
@@ -129,6 +129,7 @@ function AppCard({
           ) : (
             ""
           )}
+          <div className="bottomRectangle">{t(type)}</div>
         </div>
       </div>
       <Menu