diff --git a/CHANGELOG.md b/CHANGELOG.md
index f5936d296..1b27c1767 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -16,7 +16,7 @@ Web UI version numbers should always match the corresponding version of LBRY App
   *
 
 ### Fixed
-  *
+  * Some CSS changes to prevent the card row from clipping the scroll arrows after the window width is reduced below a certain point
   *
 
 ### Deprecated
diff --git a/ui/scss/component/_card.scss b/ui/scss/component/_card.scss
index 472e95d63..81959a4b4 100644
--- a/ui/scss/component/_card.scss
+++ b/ui/scss/component/_card.scss
@@ -210,8 +210,9 @@ $padding-right-card-hover-hack: 30px;
 .card-row--small {
   overflow: hidden;
   white-space: nowrap;
-  /*hacky way to give space for hover */
-  padding-right: $padding-right-card-hover-hack;
+  width: 100%;
+  min-width: $width-card-small;
+  margin-right: $spacing-vertical;
 }
 .card-row__header {
   margin-bottom: $spacing-vertical / 3;
@@ -219,6 +220,8 @@ $padding-right-card-hover-hack: 30px;
 
 .card-row__scrollhouse {
   position: relative;
+  /*hacky way to give space for hover */
+  padding-right: $padding-right-card-hover-hack;
 }
 
 .card-row__nav {
@@ -249,7 +252,7 @@ $padding-right-card-hover-hack: 30px;
   left: 0;
 }
 .card-row__nav--right {
-  right: -1 * $padding-right-card-hover-hack;
+  right: 0;
 }
 
 .card__icon-featured-content {