diff --git a/apps/web/src/theme/variants/flex.js b/apps/web/src/theme/variants/flex.js
index 52ae3c185..05710aa7f 100644
--- a/apps/web/src/theme/variants/flex.js
+++ b/apps/web/src/theme/variants/flex.js
@@ -36,7 +36,7 @@ class Fill {
 class CenterFill {
   constructor(direction) {
     return {
-      variant: `${direction}Center`,
+      variant: `variants.${direction}Center`,
       flex: "1 1 auto",
       flexDirection: direction
     };