diff --git a/docs/doks-theme/_sass/components/_nav-grid.scss b/docs/doks-theme/_sass/components/_nav-grid.scss
index bb3494c..951d581 100644
--- a/docs/doks-theme/_sass/components/_nav-grid.scss
+++ b/docs/doks-theme/_sass/components/_nav-grid.scss
@@ -21,13 +21,17 @@
 	display: block;
 	background-color: #FFFFFF;
 	margin-bottom: .9375rem;
-	height: 200px;
-	width: 392px;
+	width: 320px;
+	height: 160px;
 	transition: box-shadow .2s, transform .2s;
 	border-radius: 3px;
 	@media (min-width: $screen-sm-min) {
 		margin-bottom: 1.5rem;
 	}
+	@media (min-width: $screen-xs-min) {
+		width: 392px;
+		height: 200px;
+	}
 
 	&:hover,
 	&:focus {
diff --git a/docs/doks-theme/_sass/objects/_buttons.scss b/docs/doks-theme/_sass/objects/_buttons.scss
index da07d10..5044f4a 100644
--- a/docs/doks-theme/_sass/objects/_buttons.scss
+++ b/docs/doks-theme/_sass/objects/_buttons.scss
@@ -28,13 +28,9 @@
 .btn--dark {
 	color: $color-black;
 	border: 1px solid #24282A;
-	padding: .5625rem 1.5625rem;
+	padding: .8125rem 2.1875rem;
 	transition: color .2s, background-color .2s;
 
-	@media (min-width: $screen-sm-min) {
-		padding: .8125rem 2.1875rem;
-	}
-
 	&:hover,
 	&:focus{
 		color: $color-white;