diff --git a/src/rsg-components/TabButton/TabButtonRenderer.js b/src/rsg-components/TabButton/TabButtonRenderer.js
index 27f4fd755..afffb3555 100644
--- a/src/rsg-components/TabButton/TabButtonRenderer.js
+++ b/src/rsg-components/TabButton/TabButtonRenderer.js
@@ -3,14 +3,14 @@ import PropTypes from 'prop-types';
 import Styled from 'rsg-components/Styled';
 import cx from 'classnames';
 
-export const styles = ({ space, color, fontFamily, fontSize }) => ({
+export const styles = ({ space, color, fontFamily, fontSize, buttonTextTransform }) => ({
 	button: {
 		padding: [[space[1], 0]],
 		fontFamily: fontFamily.base,
 		fontSize: fontSize.base,
 		color: color.light,
 		background: 'transparent',
-		textTransform: 'uppercase',
+		textTransform: buttonTextTransform,
 		transition: 'color 750ms ease-out',
 		border: 'none',
 		cursor: 'pointer',
diff --git a/src/styles/theme.js b/src/styles/theme.js
index c21ba05fb..910a24e37 100644
--- a/src/styles/theme.js
+++ b/src/styles/theme.js
@@ -60,3 +60,5 @@ export const mq = {
 export const borderRadius = 3;
 export const maxWidth = 1000;
 export const sidebarWidth = 200;
+
+export const buttonTextTransform = 'uppercase';