diff --git a/src/css/base.css b/src/css/base.css
index 876f74af..fe08625d 100644
--- a/src/css/base.css
+++ b/src/css/base.css
@@ -110,6 +110,12 @@ object[type="image/svg+xml"]:not([width]) {
   opacity: 0.5;
 }
 
+.icon {
+  display: inline-block;
+  height: 1em;
+  width: 1em;
+}
+
 @media (pointer: fine) {
   @supports (scrollbar-width: thin) {
     html {
diff --git a/src/css/typeface-material-icons-outlined.css b/src/css/typeface-material-icons-outlined.css
index 7b42171f..9e035979 100644
--- a/src/css/typeface-material-icons-outlined.css
+++ b/src/css/typeface-material-icons-outlined.css
@@ -12,7 +12,7 @@
   font-family: 'Material Icons Outlined', sans-serif;
   font-weight: normal;
   font-style: normal;
-  font-size: 24px;  /* Preferred icon size */
+  font-size: 2.5rem;
   display: inline-block;
   line-height: 1;
   text-transform: none;