diff --git a/src/main/resources/templates/fileView.html b/src/main/resources/templates/fileView.html
index bd256ae..b471c8e 100644
--- a/src/main/resources/templates/fileView.html
+++ b/src/main/resources/templates/fileView.html
@@ -40,7 +40,7 @@
     <h1 class="text-center mb-4">File View</h1>
     <div class="row justify-content-center">
         <div class="col-12 col-md-8 col-lg-6">
-            <div class="card">
+            <div class="card shadow">
                 <div class="card-body">
                     <h5 class="card-title text-center" th:text="${file.name}">File Name</h5>
 
diff --git a/src/main/resources/templates/listFiles.html b/src/main/resources/templates/listFiles.html
index dbe9bea..29f5bdb 100644
--- a/src/main/resources/templates/listFiles.html
+++ b/src/main/resources/templates/listFiles.html
@@ -40,7 +40,7 @@
     <h1 class="text-center mb-4">All Files</h1>
     <div class="row">
         <div class="col-12 col-sm-6 col-md-4 col-lg-3 mb-4" th:each="file : ${files}">
-            <div class="card h-100">
+            <div class="card h-100 shadow">
                 <div class="card-body">
                     <h5 class="card-title" th:text="${file.name}">File Name</h5>
                     <p class="card-text" th:if="${!#strings.isEmpty(file.description)}"