diff --git a/README.md b/README.md
index 34f0e695..4d25b49c 100644
--- a/README.md
+++ b/README.md
@@ -9,16 +9,14 @@
 
 # Table Of Contents
 
-
-- ### [What is Marble?](#What-is-Marble?)
-- ### [Component Explorer](#Component-Explorer)
-- ### [Design Documentation and Homepage](#Design-Documentation-and-Homepage)
-- ### [Using Marble In Your Project](#Using-Marble-In-Your-Project)
-- ### [How To Contribute To Marble](#Contributing-To-Marble)
-  - ### [Marble Development As A Local Package](#Marble-Development-As-A-Local-Package)
-  - ### [Storybook Development](#Storybook-Development)
-  - ### [Webpack Build for Release And Production](#[Webpack-Build-for-Release-And-Production)
-- ### [Browsers We Support](#Browsers-We-Support)
+- [What is Marble?](#What-is-Marble)
+- [Component Explorer](#Component-Explorer)
+- [Using Marble In Your Project](#Using-Marble-In-Your-Project)
+- [How To Contribute To Marble](#Contributing-To-Marble)
+  - [Marble Development As A Local Package](#Marble-Development-As-A-Local-Package)
+  - [Storybook Development](#Storybook-Development)
+  - [Webpack Build for Release And Production](#Webpack-Build-for-Release-And-Production)
+- [Browsers We Support](#Browsers-We-Support)
 
 # What is Marble?
 
@@ -29,14 +27,8 @@ https://about.gitlab.com/topics/version-control/what-is-innersource/) project.
 
 Our component explorer, powered by [Storybook](https://storybook.js.org/docs/basics/introduction/), lives on Chromatic at:
 
-## 🏛️ [main--5ef272f9ab690c0022ef30ab.chromatic.com](https://main--5ef272f9ab690c0022ef30ab.chromatic.com) 📙
-
-
-# Design Documentation and Homepage:
+## 🏛️ [marble.metmuseum.org](https://marble.metmuseum.org) 📙
 
-Marble's design docs and homepage are at:
-
-🎨 https://marble.metmuseum.org/ 🏡
 
 # Using Marble In Your Project
 
@@ -222,8 +214,6 @@ It is **not recommended** to point your installation of Marble to an environment
 
 # Contributing To Marble
 
-# WIP
-
 ## Conventions
 
 - mock your data separately
diff --git a/src/components/musette/musette.scss b/src/components/musette/musette.scss
index 522a92c0..3759bfd7 100644
--- a/src/components/musette/musette.scss
+++ b/src/components/musette/musette.scss
@@ -15,15 +15,15 @@ $button-height: 42px;
 	width: 100%;
 }
 
-.la-musette-offset > :first-child {
-	margin-left: 7.5vw;
+.la-musette--offset > :first-child {
+	margin-left: $spacing-component-margin;
 }
 
-.la-musette-offset > :last-child {
-	margin-right: 7.5vw;
+.la-musette--offset > :last-child {
+	margin-right: $spacing-component-margin;
 }
 
-.la-musette-no-scrollbar {
+.la-musette--no-scrollbar {
 	scrollbar-width: none;
 
 	&::-webkit-scrollbar {
@@ -31,6 +31,10 @@ $button-height: 42px;
 	}
 }
 
+.la-musette--rtl {
+	flex-direction: row-reverse;
+}
+
 //navigation
 .musette-move-left,
 .musette-move-right {
diff --git a/src/components/musette/musette.stories.js b/src/components/musette/musette.stories.js
index 713ed5cf..e6e36f1d 100644
--- a/src/components/musette/musette.stories.js
+++ b/src/components/musette/musette.stories.js
@@ -38,7 +38,7 @@ const slideTemplate = (args) => {
 const Musette = () => {
 	useEffect(() => { initialize(); });
 	return html`
-	<div class="la-musette la-musette-no-scrollbar js-la-musette">
+	<div class="la-musette la-musette--no-scrollbar js-la-musette">
 		${titles.map((title, index) => slideTemplate({ title: title, imageURL: images[index % 3].srcSet.fallback })).join("")}
 	</div>`;
 };