diff --git a/components/postcard/PostcardRenderer.tsx b/components/postcard/PostcardRenderer.tsx
index bc073d8..145a1b5 100644
--- a/components/postcard/PostcardRenderer.tsx
+++ b/components/postcard/PostcardRenderer.tsx
@@ -10,7 +10,7 @@ export function PostcardRenderer() {
 
     return (
         <div
-            className={classNames("postcard", `postcard-vis-${visibility}`)}
+            className={classNames("postcard", `postcard-${visibility}`)}
             style={{
                 backgroundImage: image,
             }}
diff --git a/styles/components/postcard.css b/styles/components/postcard.css
index 5b6f584..284be48 100644
--- a/styles/components/postcard.css
+++ b/styles/components/postcard.css
@@ -14,18 +14,18 @@
     pointer-events: none;
 }
 
-.postcard-vis-background {
+.postcard-background {
     z-index: -1;
     filter: blur(7px) contrast(50%) brightness(50%);
 }
 
 @media (prefers-color-scheme: light) {
-    .postcard-vis-background {
+    .postcard-background {
         filter: blur(7px) contrast(25%) brightness(175%);
     }
 }
 
-.postcard-vis-foreground {
+.postcard-foreground {
     z-index: 1;
     filter: none;
 }
\ No newline at end of file