diff --git a/playbook-website/app/javascript/components/VisualGuidelines/index.tsx b/playbook-website/app/javascript/components/VisualGuidelines/index.tsx
index 1f03b6670d..3880ab60d1 100644
--- a/playbook-website/app/javascript/components/VisualGuidelines/index.tsx
+++ b/playbook-website/app/javascript/components/VisualGuidelines/index.tsx
@@ -106,7 +106,10 @@ const VisualGuidelines = ({
         return <Truncate example={examples.truncate_jsx} />
 
       default:
-        return <Colors/>;
+        if (window.location.pathname !== "/visual_guidelines/colors") {
+          window.history.replaceState(null, "", "/visual_guidelines/colors");
+        }
+        return <Colors />;
     }
   }
   return <div className="visual_guidelines_individual">{getComponent(result)}</div>;
diff --git a/playbook-website/config/routes.rb b/playbook-website/config/routes.rb
index 84a935346e..e952f12dc0 100644
--- a/playbook-website/config/routes.rb
+++ b/playbook-website/config/routes.rb
@@ -10,6 +10,8 @@
   get "changelog/figma",          to: "pages#changelog_figma"
   get "changelog",                to: redirect("changelog/web")
 
+  get "changelog/*path", to: redirect("changelog/web")
+
   # Kits
 
   ## Beta View