diff --git a/optics-design-system.code-workspace b/optics-design-system.code-workspace
index fe9e45b3..9cad82ad 100644
--- a/optics-design-system.code-workspace
+++ b/optics-design-system.code-workspace
@@ -21,13 +21,14 @@
       "tintinweb",
       "unifiedjs"
     ],
+    "editor.defaultFormatter": "prettier.prettier-vscode",
     "[css]": {
-      "editor.defaultFormatter": "esbenp.prettier-vscode",
+      "editor.defaultFormatter": "prettier.prettier-vscode",
     },
   },
   "extensions": {
     "recommendations": [
-      "esbenp.prettier-vscode",
+      "prettier.prettier-vscode",
       "stylelint.vscode-stylelint",
       "tintinweb.graphviz-interactive-preview",
       "unifiedjs.vscode-mdx",
diff --git a/src/stories/Components/Navbar/Navbar.js b/src/stories/Components/Navbar/Navbar.js
index cee6ab41..74a0a426 100644
--- a/src/stories/Components/Navbar/Navbar.js
+++ b/src/stories/Components/Navbar/Navbar.js
@@ -29,7 +29,7 @@ export const createNavbar = ({
   const brandSection = brand
     ? `
       <a class="navbar__brand" href="/">
-        <img src="https://rolemodelsoftware.com/assets/rolemodel-logo--blue-29fb1367cab78181f9fb9756064de7d6f0e57e0c0280add196d3659bfa45b0fd.svg">
+        <img src="./public/rms-logo.svg" alt="RoleModel Software Logo" />
       </a>
   `
     : ''
diff --git a/src/stories/Components/Sidebar/Sidebar.js b/src/stories/Components/Sidebar/Sidebar.js
index 4553a3ba..c4a4fab1 100644
--- a/src/stories/Components/Sidebar/Sidebar.js
+++ b/src/stories/Components/Sidebar/Sidebar.js
@@ -39,7 +39,7 @@ export const createSidebar = ({
   const brandSection = brand
     ? `
     <a class="sidebar__brand" href="/">
-      <img src="https://rolemodelsoftware.com/assets/rolemodel-logo--blue-29fb1367cab78181f9fb9756064de7d6f0e57e0c0280add196d3659bfa45b0fd.svg">
+      <img src="./public/rms-logo.svg" alt="RoleModel Software Logo" />
     </a>
   `
     : ''
diff --git a/src/stories/Recipes/Layout/Layout.js b/src/stories/Recipes/Layout/Layout.js
index 0e8ae652..bc0c5570 100644
--- a/src/stories/Recipes/Layout/Layout.js
+++ b/src/stories/Recipes/Layout/Layout.js
@@ -168,7 +168,7 @@ const createLoginLayout = () => {
   <div class='app__login'> <!-- See style block above -->
     <form class='card card--login'> <!-- See style block above -->
       <div class='card__header'>
-        <img src="https://rolemodelsoftware.com/assets/rolemodel-logo--blue-29fb1367cab78181f9fb9756064de7d6f0e57e0c0280add196d3659bfa45b0fd.svg" />
+        <img src="./public/rms-logo.svg" alt="RoleModel Software Logo" />
       </div>
       <div class='card__body'>
         <div class='form-group'>