diff --git a/AfRApay.Web/Pages/EditUser.cshtml b/AfRApay.Web/Pages/EditUser.cshtml
index a0a7622..71ff655 100644
--- a/AfRApay.Web/Pages/EditUser.cshtml
+++ b/AfRApay.Web/Pages/EditUser.cshtml
@@ -27,17 +27,19 @@
 	<button type="submit" class="btn btn-danger" name="action" value="delete">Delete</button>
 </form>
 <br/>
-<h3>Cards</h3>
+<h3 class="text-center">Cards</h3>
 @if (!cards.Any()) {
 	<div>
 		No linked cards found.
 	</div>
 }
 else {
-	<div class="row">
+	<div class="row justify-content-center">
 		@foreach (var card in cards) {
-			<div class="fake-card-wrapper">
+			<div class="fake-card-wrapper m-2">
 				<div class="fake-card">
+					<div class="hover-overlay"></div>
+					<button type="button" class="btn btn-danger hover-button">Delete</button>
 					<div class="face-card front">
 						<div class="chip">
 							<div>
diff --git a/AfRApay.Web/wwwroot/css/site.css b/AfRApay.Web/wwwroot/css/site.css
index 2d9e0a1..3c89c70 100644
--- a/AfRApay.Web/wwwroot/css/site.css
+++ b/AfRApay.Web/wwwroot/css/site.css
@@ -256,4 +256,32 @@ button.accept-policy {
 
 .main-body {
   margin-bottom: 60px;
+}
+
+.hover-button {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  opacity: 0;
+  visibility: hidden;
+  transition: .5s ease;
+  z-index: 2;
+}
+.hover-overlay {
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  opacity: 0;
+  border-radius: 15px;
+  transition: .5s ease;
+  background-color: #808080;
+  z-index: 1;
+}
+.fake-card-wrapper:hover .hover-button {
+  opacity: 1;
+  visibility: visible;
+}
+.fake-card-wrapper:hover .hover-overlay {
+  opacity: 0.75;
 }
\ No newline at end of file