diff --git a/src/theme/documentation.module.scss b/src/theme/documentation.module.scss
index c7c26cb9d..9f81cf593 100644
--- a/src/theme/documentation.module.scss
+++ b/src/theme/documentation.module.scss
@@ -2,9 +2,9 @@
 @import 'theme/longform.scss';
 
 .theme {
-	height: 100vh;
-	overflow-y: auto;
-	overflow-x: hidden;
+	// height: 100vh;		This breaks browser scroll
+	// overflow-y: auto;	commenting for now to troubleshoot.
+	// overflow-x: hidden;	Fix in #660
 	// homepages
 	.background {
 		background: $white;
diff --git a/src/theme/global.scss b/src/theme/global.scss
index cbd0af59f..9ecfc7b9e 100644
--- a/src/theme/global.scss
+++ b/src/theme/global.scss
@@ -36,7 +36,7 @@ body {
 	font-size: 16px;
 	font-family: $fontFamilyPrimary;
 	margin: 0;
-	overflow-x: hidden;
+	// overflow-x: hidden; // fixing #660
 	::selection {
 		background: #05f;
 		color: #fff;
@@ -57,7 +57,7 @@ p {
 	margin-bottom: 1em;
 	&:hover .nice-anchor {
 		opacity: 1;
-		transition: opacity .2s ease-in-out;
+		transition: opacity 0.2s ease-in-out;
 	}
 }
 
@@ -97,5 +97,5 @@ img {
 	margin-left: -$spacingBase;
 	padding-right: $spacingSmall;
 	opacity: 0;
-	transition: opacity .2s ease-in-out;
-}
\ No newline at end of file
+	transition: opacity 0.2s ease-in-out;
+}