diff --git a/frontend/assets/css/tailwind.css b/frontend/assets/css/tailwind.css
index 476401d..c647adb 100644
--- a/frontend/assets/css/tailwind.css
+++ b/frontend/assets/css/tailwind.css
@@ -325,4 +325,36 @@
     .vpd-controls button {
         @apply flex justify-center items-center;
     }
+
+    .pattern {
+        width: 100%;
+        height: 100%;
+        --color: #191a1a10;
+        background-color: white;
+        background-image: linear-gradient(
+                0deg,
+                transparent 24%,
+                var(--color) 25%,
+                var(--color) 26%,
+                transparent 27%,
+                transparent 74%,
+                var(--color) 75%,
+                var(--color) 76%,
+                transparent 77%,
+                transparent
+            ),
+            linear-gradient(
+                90deg,
+                transparent 24%,
+                var(--color) 25%,
+                var(--color) 26%,
+                transparent 27%,
+                transparent 74%,
+                var(--color) 75%,
+                var(--color) 76%,
+                transparent 77%,
+                transparent
+            );
+        background-size: 55px 55px;
+    }
 }