diff --git a/CSS/index.css b/CSS/index.css
index 40b16db..625db26 100644
--- a/CSS/index.css
+++ b/CSS/index.css
@@ -26,11 +26,11 @@
 }
 @keyframes Next {
 	0% {
-		left: 0vw;
+		left: 85vw;
 	}
 	
 	100% {
-		left: -85vw;
+		left: 0vw;
 	}
 }
 
@@ -44,11 +44,11 @@
 }
 @keyframes Back {
 	0% {
-		left: 0vw;
+		left: -85vw;
 	}
 	
 	100% {
-		left: 85vw;
+		left: 0vw;
 	}
 }
 
diff --git a/JS/index.js b/JS/index.js
index d1a719d..7eb3814 100644
--- a/JS/index.js
+++ b/JS/index.js
@@ -92,6 +92,7 @@ function Music() {
 // Clicking the next button
 ArrowsButton[1].onclick = (event) => {
 	if (!ContainerContainer.classList.contains("NextAnimation")) {
+		UpdateOtherContainers(1);
 		ContainerContainer.classList.add("NextAnimation");
 		ButtonSound.play();
 		setTimeout(() => {
@@ -104,6 +105,7 @@ ArrowsButton[1].onclick = (event) => {
 // Clicking the back button
 ArrowsButton[0].onclick = (event) => {
 	if (!ContainerContainer.classList.contains("BackAnimation")) {
+		UpdateOtherContainers(3);
 		ContainerContainer.classList.add("BackAnimation");
 		ButtonSound.play();
 		setTimeout(() => {
@@ -113,6 +115,14 @@ ArrowsButton[0].onclick = (event) => {
 	}
 }
 
+function UpdateOtherContainers(Num) {
+	let Posts = ContainerContainer.getElementsByClassName("PostContainer")[Num].children;
+	for (let i = 0; i < ClickableContainers.length; i++) {
+		Posts[i].getElementsByClassName("Username")[0].innerHTML = ClickableContainers[i].getElementsByClassName("Username")[0].innerHTML;
+		Posts[i].getElementsByClassName("PostContent")[0].innerHTML = ClickableContainers[i].getElementsByClassName("PostContent")[0].innerHTML;
+	}
+}
+
 // These numbers are here so you don't go back.
 let MastodonLoadedFeed = [];
 let BlueskyLoadedFeed = [];