1 files changed, 6 insertions, 2 deletions
diff --git a/src/components/Branding/Branding.module.scss b/src/components/Branding/Branding.module.scss
index 402fa8b..ed2cc16 100644
--- a/src/components/Branding/Branding.module.scss
+++ b/src/components/Branding/Branding.module.scss
@@ -95,7 +95,7 @@
   &::after {
     content: "|";
     display: block;
-    width: 0;
+    width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
@@ -104,6 +104,8 @@
     color: var(--color-primary-darker);
     font-weight: 400;
     visibility: hidden;
+    transform: scaleX(0) translateX(100%);
+    transform-origin: right;
     animation: var(--branding-name-animation);
   }
 }
@@ -124,7 +126,7 @@
   &::after {
     content: "|";
     display: block;
-    width: 0;
+    width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
@@ -133,6 +135,8 @@
     color: var(--color-primary-darker);
     font-weight: 400;
     visibility: hidden;
+    transform: scaleX(0) translateX(100%);
+    transform-origin: right;
     animation: var(--branding-job-animation);
   }
 }