diff --git a/app/templates/application_detail.html b/app/templates/application_detail.html
index 8230e27..5305451 100644
--- a/app/templates/application_detail.html
+++ b/app/templates/application_detail.html
@@ -1,12 +1,51 @@
-<h1>Here are application details</h1>
-
-
-{{ app.applicationId}}
-{{app.name}}
-{{app.DoB}}
-{{app.Aadhar}}
-{{app.department}}
-{{specialization}}
-{{app.Passport}}
-{{app.gender}}
-{{app.reservation_category}}
\ No newline at end of file
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Application Details</title>
+
+    <style>
+        body {
+            text-align: center;
+            padding: 20px;
+            background-color: lightblue;
+        }
+        
+        div {
+            display: grid;
+            grid-template-columns: 1fr;
+            grid-template-rows: repeat(9, 1fr);
+            grid-column-gap: 0px;
+            grid-row-gap: 10px;
+        }
+        
+        p {
+            border: #000 1px solid;
+            justify-self: center;
+            min-width: 200px;
+            padding: 5px;
+        }
+    </style>
+</head>
+
+<body>
+    <h1>Application Details</h1>
+
+    <div>
+        <p>{{app.applicationId}}</p>
+        <p>{{app.name}}</p>
+        <p>{{app.DoB}}</p>
+        <p>{{app.Aadhar}}</p>
+        <p>{{app.department}}</p>
+        <p>{{app.specialization}}</p>
+        <p>{{app.Passport}}</p>
+        <p>{{app.gender}}</p>
+        <p>{{app.reservation_category}}</p>
+    </div>
+
+</body>
+
+</html>
