diff --git a/frontend/src/utils/hide-columns/hide-columns.js b/frontend/src/utils/hide-columns/hide-columns.js
index 976c24622..e8c826408 100644
--- a/frontend/src/utils/hide-columns/hide-columns.js
+++ b/frontend/src/utils/hide-columns/hide-columns.js
@@ -103,6 +103,7 @@ export class HideColumns {
     hider.addEventListener('click', (event) => {
       event.preventDefault();
       this.switchColumnDisplay(th, hider);
+      this._tableHiderContainer.getElementsByClassName(TABLE_HIDER_CLASS).forEach(hider => this.hideHiderBehindHeader(hider));
     });
 
     th.addEventListener('mouseover', () => {
diff --git a/frontend/src/utils/hide-columns/hide-columns.scss b/frontend/src/utils/hide-columns/hide-columns.scss
index 070ff88d7..484e02b49 100644
--- a/frontend/src/utils/hide-columns/hide-columns.scss
+++ b/frontend/src/utils/hide-columns/hide-columns.scss
@@ -5,13 +5,15 @@
   .table-hider {
     background-color: #fff;
     color: var(--color-link);
-    padding: 0 10px;
-    height: 0;
+    padding: 10px;
     cursor: pointer;
     box-shadow: 0 0 2px 0 rgba(0,0,0,0.6);
     position: absolute;
     overflow: hidden;
-    transition: .3s;
+
+    transition: transform .2s ease 1s;
+    transform: scaleY(0);
+    transform-origin: top;
 
     &:hover {
       background-color: var(--color-grey-light);
@@ -22,25 +24,20 @@
     }
 
     &.table-hider--visible {
-      display: flex;
-      padding: 10px;
-      height: auto;
+      transform: scaleY(1);
     }
   }
 }
 
 [table-utils] {
-  margin-bottom: 20px;
-  line-height: 1.4;
   max-width: 85vw;
+  margin-bottom: 20px;
+  min-height: 0;
 
   .table-pill {
     background-color: var(--color-dark);
     color: #fff;
-    padding-top: 10px;
-    padding-bottom: 10px;
-    padding-right: 10px;
-    padding-left: 10px;
+    padding: 10px;
     border-radius: 20px 20px 20px 20px / 50% 50% 50% 50%;
     margin-right: 20px;
     cursor: pointer;
@@ -51,11 +48,6 @@
       margin-left: 5px;
     }
   }
-  .table-pill.table-pill--hide {
-    /* -webkit-animation: fadeout 0.5s linear forwards; */
-    /* animation: fadeout 0.5s linear forwards; */
-    /* animation-delay: 2s; */
-  }
 }
 
 .hide-columns--hidden-cell {