diff --git a/frontend/src/components/detail.tsx b/frontend/src/components/detail.tsx
index 4cdcbbf..1958c0d 100644
--- a/frontend/src/components/detail.tsx
+++ b/frontend/src/components/detail.tsx
@@ -5,6 +5,7 @@ import { SolicitorInfo } from "../models/solicitorSummary";
 import getSolicitor from "../functions/getSolicitor";
 import Card from "@mui/material/Card";
 import { Grid, Rating, Typography } from "@mui/material";
+import capitaliseFirstLetter from "../functions/capitaliseFirstLetter";
 
 interface ClosedProps {
     open : false;
@@ -114,7 +115,7 @@ const DetailDisplay = forwardRef((props : {data : SolicitorInfo | 'loading'}) =>
                                     {office.phone && <><br/><Typography variant='body2'>tel: {office.phone}</Typography></>}
                                     {office.ratings && office.ratings.map(rating => 
                                         (<>
-                                            <Typography variant='body2'>{rating.provider}</Typography>
+                                            <Typography variant='body2'>{capitaliseFirstLetter(rating.provider)}</Typography>
                                             <Rating 
                                                 readOnly
                                                 value={rating.value * 5.0 / rating.maximum}
diff --git a/frontend/src/components/sidebar.tsx b/frontend/src/components/sidebar.tsx
index cb2ae5b..9b7cb43 100644
--- a/frontend/src/components/sidebar.tsx
+++ b/frontend/src/components/sidebar.tsx
@@ -4,16 +4,13 @@ import FilterState from "../models/filterState";
 import { useEffect, useState } from "react";
 import NumberField from "./numberField";
 import getRatingsProviders from "../functions/getRatingsProviders";
+import capitaliseFirstLetter from "../functions/capitaliseFirstLetter";
 
 interface SidebarProps {
     filters : FilterState;
     onChange : (filters : FilterState) => void;
 }
 
-function capitalizeFirstLetter(val : string) {
-    return String(val).charAt(0).toUpperCase() + String(val).slice(1);
-}
-
 export default function Sidebar(props : SidebarProps) {
     const [cities, setCities] = useState<string[]>([]);
     const [ratingsProviders, setRatingsProviders] = useState<string[]>(['Solicitors.com']);
@@ -41,7 +38,7 @@ export default function Sidebar(props : SidebarProps) {
                     multiple
                     options={cities}
                     value={props.filters.cities}
-                    getOptionLabel={capitalizeFirstLetter}
+                    getOptionLabel={capitaliseFirstLetter}
                     onChange={(_, value) => props.onChange(Object.assign({}, {...props.filters}, {cities: value}))}
                     renderInput={(params) => (
                         <TextField
@@ -77,7 +74,7 @@ export default function Sidebar(props : SidebarProps) {
                                 return (
                                     <MenuItem 
                                         value={provider} 
-                                        selected={provider === props.filters.ratingsProvider}>{capitalizeFirstLetter(provider)}
+                                        selected={provider === props.filters.ratingsProvider}>{capitaliseFirstLetter(provider)}
                                     </MenuItem>
                                 )
                             })}
diff --git a/frontend/src/functions/capitaliseFirstLetter.ts b/frontend/src/functions/capitaliseFirstLetter.ts
new file mode 100644
index 0000000..33b0f19
--- /dev/null
+++ b/frontend/src/functions/capitaliseFirstLetter.ts
@@ -0,0 +1,3 @@
+export default function capitaliseFirstLetter(val : string) {
+    return String(val).charAt(0).toUpperCase() + String(val).slice(1);
+}
\ No newline at end of file