Dont use raw SVGs for icons

onlylegs/static/sass/components/buttons/block.sass

@@ -149,6 +149,9 @@
         opacity: 0
         cursor: pointer
 
+    i
+        font-size: 1.2rem
+
     .status
         width: 100%
         white-space: nowrap

onlylegs/static/sass/components/buttons/info-button.sass

@@ -23,15 +23,13 @@
     cursor: pointer
     transition: all 0.2s cubic-bezier(.86, 0, .07, 1)
 
+    i
+        margin: 0.5rem
+        font-size: 1.25rem
+
     &:hover
         color: RGB($info)
 
-    svg
-        margin: 0.5rem
-
-        width: 1.25rem
-        height: 1.25rem
-
     &.show
         right: 0.75rem
         opacity: 1

onlylegs/static/sass/components/buttons/pill.sass

@@ -54,13 +54,14 @@
 
     position: relative
 
+    text-decoration: none
+
     border: none
     background-color: transparent
     color: RGB($fg-white)
 
-    svg
-        width: 1.25rem
-        height: 1.25rem
+    i
+        font-size: 1.25rem
 
     &:hover
         cursor: pointer
@@ -74,7 +75,7 @@
         background: RGB($critical)
         color: RGB($fg-white)
 
-        svg
+        i
             color: RGB($critical)
 
     &:hover

onlylegs/static/sass/components/buttons/top-of-page.sass

@@ -23,15 +23,13 @@
     cursor: pointer
     transition: all 0.2s cubic-bezier(.86, 0, .07, 1)
 
+    i
+        margin: 0.5rem
+        font-size: 1.25rem
+
     &:hover
         color: RGB($primary)
 
-    svg
-        margin: 0.5rem
-
-        width: 1.25rem
-        height: 1.25rem
-
     &.show
         right: 0.75rem
         opacity: 1