diff --git a/src/components/Footer/index.scss b/src/components/Footer/index.scss
index 50b2efe0..91887ad4 100644
--- a/src/components/Footer/index.scss
+++ b/src/components/Footer/index.scss
@@ -1,7 +1,8 @@
 .footer {
+  font-size: $smallFontSize;
   display: grid;
   grid-template-columns: 100px 100px 1fr;
-  grid-template-rows: 40px;
+  grid-template-rows: 36px;
   justify-items: center;
   align-items: center;
   border: solid 0.5px $border;
diff --git a/src/theme/variables.js b/src/theme/variables.js
index c90b6efd..22d1250b 100644
--- a/src/theme/variables.js
+++ b/src/theme/variables.js
@@ -29,7 +29,7 @@ module.exports = Object.assign({}, {
   fontSizeHeadingLg: 32,
   regularFontWeight: 400,
   boldFontWeight: 700,
-  smallFontSize: '11x',
+  smallFontSize: '11px',
   mediumFontSize: '13px',
   largeFontSize: '18px',
   extraLargeFontSize: '24px',