adding primary font and updating css for radio component

ui/src/components/radio/index.js

@@ -14,9 +14,10 @@ const {
 
 const {
   default: styled,
+  css
 } = Styled;
 
-const CustomInputCircle = `
+const CustomInputCircle = css`
   content: '';
   position: absolute;
   width: 8px;

ui/src/components/toggle/index.js

@@ -6,7 +6,8 @@ const Styled = require('styled-components');
 
 const {
   boxes,
-  colors
+  colors,
+  typography
 } = constants;
 
 const {
@@ -47,7 +48,7 @@ const StyledToggleLabel = styled.div`
 
   &::before {
     content: "Off";
-    font-family: inherit;
+    font-family: ${typography.fontPrimary};
     font-size: inherit;
     font-weight: bold;
     position: absolute;

ui/src/shared/constants.js

@@ -102,6 +102,7 @@ const colors = {
 };
 
 const typography = {
+  fontPrimary: 'sans serif',
   dtFontWeight: 'bold',
   abbrBorderColor: colors.grayLight,
   textMuted: colors.grayLight