diff --git a/frontend/index.html b/frontend/index.html
index 9e5fc8f..5a01af9 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <link rel="icon" href="/favicon.ico">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Vite App</title>
+    <title>Tschunk Order</title>
   </head>
   <body>
     <div id="app"></div>
diff --git a/frontend/src/components/OrderCard.vue b/frontend/src/components/OrderCard.vue
index cb69d80..c67fd2c 100644
--- a/frontend/src/components/OrderCard.vue
+++ b/frontend/src/components/OrderCard.vue
@@ -18,8 +18,7 @@
       >
         <div class="drink-info">
           <div class="drink-header">
-            <span class="drink-type">{{ drink.drink_type }}</span>
-            <span class="drink-quantity">x{{ drink.quantity }}</span>
+            <span class="drink-type">{{ drink.quantity }}x {{ drink.drink_type }}</span>
           </div>
           <div class="drink-details">
             <span class="mate-type">{{ drink.mate_type }}</span>
@@ -156,17 +155,6 @@ const handleDeleteOrder = async () => {
   font-size: 1rem;
 }
 
-.drink-quantity {
-  background: #3b82f6;
-  color: white;
-  padding: 2px 8px;
-  border-radius: 12px;
-  font-size: 0.75rem;
-  font-weight: 600;
-  min-width: 24px;
-  text-align: center;
-}
-
 .drink-details {
   display: flex;
   flex-direction: column;
