diff --git a/src/wp-content/themes/twentytwenty/assets/js/index.js b/src/wp-content/themes/twentytwenty/assets/js/index.js
index 9234f11976..bfb37cfb8d 100644
--- a/src/wp-content/themes/twentytwenty/assets/js/index.js
+++ b/src/wp-content/themes/twentytwenty/assets/js/index.js
@@ -322,98 +322,6 @@ twentytwenty.intrinsicRatioVideos = {
 
 }; // twentytwenty.instrinsicRatioVideos
 
-/*	-----------------------------------------------------------------------------------------------
-	Smooth Scroll
---------------------------------------------------------------------------------------------------- */
-
-twentytwenty.smoothScroll = {
-
-	init: function() {
-		// Scroll to anchor
-		this.scrollToAnchor();
-
-		// Scroll to element
-		this.scrollToElement();
-	},
-
-	// Scroll to anchor
-	scrollToAnchor: function() {
-		var anchorElements = document.querySelectorAll( 'a[href*="#"]' );
-		var anchorElementsList = Array.prototype.slice.call( anchorElements );
-		anchorElementsList.filter( function( element ) {
-			if ( element.href === '#' || element.href === '#0' || element.id === 'cancel-comment-reply-link' || element.classList.contains( 'do-not-scroll' ) || element.classList.contains( 'skip-link' ) ) {
-				return false;
-			}
-			return true;
-		} ).forEach( function( element ) {
-			element.addEventListener( 'click', function( event ) {
-				var target, scrollOffset, originalOffset, adminBar, scrollSpeed, additionalOffset;
-
-				// On-page links
-				if ( window.location.hostname === event.target.hostname ) {
-					// Figure out element to scroll to
-					target = window.location.hash !== '' && document.querySelector( window.location.hash );
-					target = target ? target : event.target.hash !== '' && document.querySelector( event.target.hash );
-
-					// Does a scroll target exist?
-					if ( target ) {
-						// Only prevent default if animation is actually gonna happen
-						event.preventDefault();
-
-						// Get options
-						additionalOffset = event.target.dataset.additionalOffset;
-						scrollSpeed = event.target.dataset.scrollSpeed ? event.target.dataset.scrollSpeed : 500;
-
-						// Determine offset
-
-						adminBar = document.querySelector( '#wpadminbar' );
-
-						originalOffset = target.getBoundingClientRect().top + window.pageYOffset;
-						scrollOffset = additionalOffset ? originalOffset + additionalOffset : originalOffset;
-
-						if ( adminBar && event.target.className === 'to-the-top' ) {
-							scrollOffset = scrollOffset - adminBar.getBoundingClientRect().height;
-						}
-
-						twentytwentyScrollTo( scrollOffset, null, scrollSpeed );
-
-						window.location.hash = event.target.hash.slice( 1 );
-					}
-				}
-			} );
-		} );
-	},
-
-	// Scroll to element
-	scrollToElement: function() {
-		var scrollToElement = document.querySelector( '*[data-scroll-to]' );
-
-		if ( scrollToElement ) {
-			scrollToElement.addEventListener( 'click', function( event ) {
-				var originalOffset, additionalOffset, scrollOffset, scrollSpeed,
-					// Figure out element to scroll to
-					target = event.target.dataset.twentytwentyScrollTo;
-
-				// Make sure said element exists
-				if ( target ) {
-					event.preventDefault();
-
-					// Get options
-					additionalOffset = event.target.dataset.additionalOffset;
-					scrollSpeed = event.target.dataset.scrollSpeed ? event.target.dataset.scrollSpeed : 500;
-
-					// Determine offset
-					originalOffset = target.getBoundingClientRect().top + window.pageYOffset;
-					scrollOffset = additionalOffset ? originalOffset + additionalOffset : originalOffset;
-
-					twentytwentyScrollTo( scrollOffset, null, scrollSpeed );
-				}
-			} );
-		}
-	}
-
-}; // twentytwenty.smoothScroll
-
 /*	-----------------------------------------------------------------------------------------------
 	Modal Menu
 --------------------------------------------------------------------------------------------------- */
@@ -745,7 +653,6 @@ twentytwentyDomReady( function() {
 	twentytwenty.toggles.init();	// Handle toggles
 	twentytwenty.coverModals.init();	// Handle cover modals
 	twentytwenty.intrinsicRatioVideos.init();	// Retain aspect ratio of videos on window resize
-	twentytwenty.smoothScroll.init();	// Smooth scroll to anchor link or a specific element
 	twentytwenty.modalMenu.init();	// Modal Menu
 	twentytwenty.primaryMenu.init();	// Primary Menu
 	twentytwenty.touchEnabled.init();	// Add class to body if device is touch-enabled
diff --git a/src/wp-content/themes/twentytwenty/style-rtl.css b/src/wp-content/themes/twentytwenty/style-rtl.css
index 269ddab62f..c1a80fd864 100644
--- a/src/wp-content/themes/twentytwenty/style-rtl.css
+++ b/src/wp-content/themes/twentytwenty/style-rtl.css
@@ -115,6 +115,13 @@ blockquote::after {
 
 html {
 	font-size: 62.5%; /* 1rem = 10px */
+	scroll-behavior: smooth;
+}
+
+@media (prefers-reduced-motion: reduce) {
+	html {
+		scroll-behavior: auto;
+	}
 }
 
 body {
diff --git a/src/wp-content/themes/twentytwenty/style.css b/src/wp-content/themes/twentytwenty/style.css
index 4edd09fb12..93e35ae11c 100644
--- a/src/wp-content/themes/twentytwenty/style.css
+++ b/src/wp-content/themes/twentytwenty/style.css
@@ -115,6 +115,13 @@ blockquote::after {
 
 html {
 	font-size: 62.5%; /* 1rem = 10px */
+	scroll-behavior: smooth;
+}
+
+@media (prefers-reduced-motion: reduce) {
+	html {
+		scroll-behavior: auto;
+	}
 }
 
 body {