diff --git a/src/app/modules/angular-slickgrid/styles/_variables.scss b/src/app/modules/angular-slickgrid/styles/_variables.scss
index 628962c11..2df358f62 100644
--- a/src/app/modules/angular-slickgrid/styles/_variables.scss
+++ b/src/app/modules/angular-slickgrid/styles/_variables.scss
@@ -617,6 +617,7 @@ $viewport-border-left:                          0 none !default;
 
 /* Custom Footer */
 $footer-bg-color:                               transparent !default;
+$footer-font-size:                              $font-size-base !default;
 $footer-font-style:                             italic !default;
 $footer-font-weight:                            normal !default;
 $footer-height:                                 30px !default; // if you modify this height, you also have to modify the footerHeight in the customFooterOptions
diff --git a/src/app/modules/angular-slickgrid/styles/slick-footer.scss b/src/app/modules/angular-slickgrid/styles/slick-footer.scss
index bd1bbd033..1524dbab4 100644
--- a/src/app/modules/angular-slickgrid/styles/slick-footer.scss
+++ b/src/app/modules/angular-slickgrid/styles/slick-footer.scss
@@ -4,6 +4,7 @@
   color: $footer-text-color;
   padding: $footer-padding;
   background-color: $footer-bg-color;
+  font-size: $footer-font-size;
   font-style: $footer-font-style;
   font-weight: $footer-font-weight;
   height: $footer-height;