diff --git a/app/components/RuleStack.js b/app/components/RuleStack.js
index c85fb1d..0e43a6b 100644
--- a/app/components/RuleStack.js
+++ b/app/components/RuleStack.js
@@ -27,7 +27,7 @@ const RuleStack = ({ children, className = "" }) => {
           description="Units called Circles have the ability to decide and act on matters in their domains, which their members agree on through a Council."
           icon={
             <Image
-              src="/assets/Icon_Sociocracy.svg"
+              src="assets/Icon_Sociocracy.svg"
               alt="Sociocracy"
               width={40}
               height={40}
@@ -42,7 +42,7 @@ const RuleStack = ({ children, className = "" }) => {
           description="Decisions that affect the group collectively should involve participation of all participants."
           icon={
             <Image
-              src="/assets/Icon_Consensus.svg"
+              src="assets/Icon_Consensus.svg"
               alt="Consensus"
               width={40}
               height={40}
@@ -57,7 +57,7 @@ const RuleStack = ({ children, className = "" }) => {
           description="An elected board determines policies and organizes their implementation."
           icon={
             <Image
-              src="/assets/Icon_ElectedBoard.svg"
+              src="assets/Icon_ElectedBoard.svg"
               alt="Elected Board"
               width={40}
               height={40}
@@ -72,7 +72,7 @@ const RuleStack = ({ children, className = "" }) => {
           description="All participants can propose and vote on proposals for the group."
           icon={
             <Image
-              src="/assets/Icon_Petition.svg"
+              src="assets/Icon_Petition.svg"
               alt="Petition"
               width={40}
               height={40}
diff --git a/stories/RuleCard.stories.js b/stories/RuleCard.stories.js
index 5d42faf..07485de 100644
--- a/stories/RuleCard.stories.js
+++ b/stories/RuleCard.stories.js
@@ -46,7 +46,7 @@ export const Default = {
     backgroundColor: "bg-[var(--color-surface-default-brand-lime)]",
     icon: (
       <Image
-        src="/assets/Icon_Sociocracy.svg"
+        src="assets/Icon_Sociocracy.svg"
         alt="Sociocracy"
         width={40}
         height={40}
@@ -65,7 +65,7 @@ export const AllVariants = {
         backgroundColor="bg-[var(--color-surface-default-brand-lime)]"
         icon={
           <Image
-            src="/assets/Icon_Sociocracy.svg"
+            src="assets/Icon_Sociocracy.svg"
             alt="Sociocracy"
             width={40}
             height={40}
@@ -80,7 +80,7 @@ export const AllVariants = {
         backgroundColor="bg-[var(--color-surface-default-brand-rust)]"
         icon={
           <Image
-            src="/assets/Icon_Consensus.svg"
+            src="assets/Icon_Consensus.svg"
             alt="Consensus"
             width={40}
             height={40}
@@ -95,7 +95,7 @@ export const AllVariants = {
         backgroundColor="bg-[var(--color-surface-default-brand-red)]"
         icon={
           <Image
-            src="/assets/Icon_ElectedBoard.svg"
+            src="assets/Icon_ElectedBoard.svg"
             alt="Elected Board"
             width={40}
             height={40}
@@ -110,7 +110,7 @@ export const AllVariants = {
         backgroundColor="bg-[var(--color-surface-default-brand-teal)]"
         icon={
           <Image
-            src="/assets/Icon_Petition.svg"
+            src="assets/Icon_Petition.svg"
             alt="Petition"
             width={40}
             height={40}