Fix column buttons overflow in Japanese (#3552)

1 files changed, 3 insertions, 2 deletions

diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss
index b4e980f1a..7f2b5cfe0 100644
--- a/app/javascript/styles/components.scss
+++ b/app/javascript/styles/components.scss
@@ -1534,7 +1534,7 @@
   cursor: pointer;
   flex: 0 0 auto;
   font-size: 16px;
-  padding: 15px;
+  padding: 0 15px;
   z-index: 3;
 
   &:hover {
@@ -2050,6 +2050,7 @@ button.icon-button.active i.fa-retweet {
   position: absolute;
   right: 0;
   top: 0;
+  height: 100%;
   display: flex;
 }
 
@@ -2059,7 +2060,7 @@ button.icon-button.active i.fa-retweet {
   color: $ui-primary-color;
   cursor: pointer;
   font-size: 16px;
-  padding: 15px;
+  padding: 0 15px;
 
   &:hover {
     color: lighten($ui-primary-color, 7%);