diff --git a/src/styles/preview.css b/src/styles/preview.css
index 5352783..6aa5f05 100644
--- a/src/styles/preview.css
+++ b/src/styles/preview.css
@@ -92,16 +92,28 @@
 
 /* Empty State */
 .preview-empty {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
   text-align: center;
   padding: var(--space-4xl) 0;
   color: var(--text-subtle);
 }
 
 .preview-empty-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
   margin-bottom: var(--space-md);
   opacity: 0.4;
 }
 
+.preview-empty-icon svg {
+  display: block;
+  margin: 0 auto;
+}
+
 .preview-empty p {
   max-width: 400px;
   margin: 0 auto;