diff --git a/src/components/IconGallery.module.scss b/src/components/IconGallery.module.scss
index c120a91af..9389e5bfd 100644
--- a/src/components/IconGallery.module.scss
+++ b/src/components/IconGallery.module.scss
@@ -1,15 +1,15 @@
 .iconFilter {
   padding: 1rem;
   padding-left: 0;
+}
 
-  .search {
-    width: 60%;
-    padding: 0.5rem;
-  }
+.search {
+  width: 60%;
+  padding: 0.75rem 1rem;
+  height: auto;
 }
 
 .iconGrid {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(4rem, 1fr));
-  grid-gap: 0.5rem;
 }
diff --git a/src/components/IconReference.module.scss b/src/components/IconReference.module.scss
index 72490eb96..10fbbeca5 100644
--- a/src/components/IconReference.module.scss
+++ b/src/components/IconReference.module.scss
@@ -1,15 +1,18 @@
 .button {
-  border: 1px solid var(--color-neutrals-100);
+  border: 1px solid transparent;
   background: var(--color-white);
-  border-radius: 2px;
+  border-radius: 4px;
   text-align: center;
-  padding: 0.2rem;
+  padding: 1rem;
   position: relative;
-  transition: all 0.4s;
+  transition: all 0.3s;
 
   &:hover {
     cursor: pointer;
-    border: 1px solid var(--color-neutrals-300);
+    border: 1px solid var(--color-neutrals-200);
+    box-shadow: 0 2px 6px 0 rgba(22, 38, 59, 0.14);
+    z-index: 1;
+
     .iconName {
       visibility: visible;
     }
@@ -18,19 +21,18 @@
 
 .icon {
   display: inline-block;
-  width: 70%;
+  width: 100%;
 }
 
 .iconName {
   visibility: hidden;
   background-color: var(--color-neutrals-900);
-  opacity: 0.8;
   color: var(--color-white);
   text-align: center;
   border-radius: 3px;
   padding: 0.25rem;
   position: absolute;
   font-size: 0.85rem;
-  top: 90%;
+  top: calc(100% + 0.5rem);
   z-index: 1;
 }