diff --git a/frontend/public/components/monitoring/dashboards/index.tsx b/frontend/public/components/monitoring/dashboards/index.tsx
index 375da74b81e..b0d2f3dd70a 100644
--- a/frontend/public/components/monitoring/dashboards/index.tsx
+++ b/frontend/public/components/monitoring/dashboards/index.tsx
@@ -2,6 +2,7 @@ import * as _ from 'lodash-es';
 import { Dropdown, DropdownToggle, DropdownItem } from '@patternfly/react-core';
 import * as React from 'react';
 import { Helmet } from 'react-helmet';
+import { useTranslation } from 'react-i18next';
 import { connect } from 'react-redux';
 import { Map as ImmutableMap } from 'immutable';
 
@@ -70,6 +71,8 @@ const VariableDropdown: React.FC<VariableDropdownProps> = ({
   onChange,
   selectedKey,
 }) => {
+  const { t } = useTranslation();
+
   const [isOpen, toggleIsOpen, , setClosed] = useBoolean(false);
 
   return (
@@ -79,7 +82,7 @@ const VariableDropdown: React.FC<VariableDropdownProps> = ({
         <Dropdown
           toggle={
             <DropdownToggle className="monitoring-dashboards__dropdown-button" isDisabled={true}>
-              <RedExclamationCircleIcon /> Error loading options
+              <RedExclamationCircleIcon /> {t('monitoring~Error loading options')}
             </DropdownToggle>
           }
         />
@@ -201,29 +204,31 @@ const AllVariableDropdowns = connect(({ UI }: RootState) => ({
   variables: UI.getIn(['monitoringDashboards', 'variables']),
 }))(AllVariableDropdowns_);
 
-const timespanOptions = {
-  '5m': '5 minutes',
-  '15m': '15 minutes',
-  '30m': '30 minutes',
-  '1h': '1 hour',
-  '2h': '2 hours',
-  '6h': '6 hours',
-  '12h': '12 hours',
-  '1d': '1 day',
-  '2d': '2 days',
-  '1w': '1 week',
-  '2w': '2 weeks',
-};
-
 const TimespanDropdown_: React.FC<TimespanDropdownProps> = ({ timespan, setTimespan }) => {
+  const { t } = useTranslation();
+
   const onChange = React.useCallback((v: string) => setTimespan(parsePrometheusDuration(v)), [
     setTimespan,
   ]);
 
+  const timespanOptions = {
+    '5m': t('monitoring~{{count}} minute', { count: 5 }),
+    '15m': t('monitoring~{{count}} minute', { count: 15 }),
+    '30m': t('monitoring~{{count}} minute', { count: 30 }),
+    '1h': t('monitoring~{{count}} hour', { count: 1 }),
+    '2h': t('monitoring~{{count}} hour', { count: 2 }),
+    '6h': t('monitoring~{{count}} hour', { count: 6 }),
+    '12h': t('monitoring~{{count}} hour', { count: 12 }),
+    '1d': t('monitoring~{{count}} day', { count: 1 }),
+    '2d': t('monitoring~{{count}} day', { count: 2 }),
+    '1w': t('monitoring~{{count}} week', { count: 1 }),
+    '2w': t('monitoring~{{count}} week', { count: 2 }),
+  };
+
   return (
     <VariableDropdown
       items={timespanOptions}
-      label="Time Range"
+      label={t('monitoring~Time range')}
       onChange={onChange}
       selectedKey={formatPrometheusDuration(timespan)}
     />
@@ -239,12 +244,18 @@ export const TimespanDropdown = connect(
   },
 )(TimespanDropdown_);
 
-const PollIntervalDropdown_ = ({ interval, setInterval }) => (
-  <div className="form-group monitoring-dashboards__dropdown-wrap">
-    <label className="monitoring-dashboards__dropdown-title">Refresh Interval</label>
-    <IntervalDropdown interval={interval} setInterval={setInterval} />
-  </div>
-);
+const PollIntervalDropdown_ = ({ interval, setInterval }) => {
+  const { t } = useTranslation();
+
+  return (
+    <div className="form-group monitoring-dashboards__dropdown-wrap">
+      <label className="monitoring-dashboards__dropdown-title">
+        {t('monitoring~Refresh interval')}
+      </label>
+      <IntervalDropdown interval={interval} setInterval={setInterval} />
+    </div>
+  );
+};
 
 export const PollIntervalDropdown = connect(
   ({ UI }: RootState) => ({
@@ -405,6 +416,8 @@ const MonitoringDashboardsPage_: React.FC<MonitoringDashboardsPageProps> = ({
   match,
   patchAllVariables,
 }) => {
+  const { t } = useTranslation();
+
   const [board, setBoard] = React.useState<string>();
   const [boards, setBoards] = React.useState<Board[]>([]);
   const [error, setError] = React.useState<string>();
@@ -428,7 +441,11 @@ const MonitoringDashboardsPage_: React.FC<MonitoringDashboardsPageProps> = ({
               name: item.metadata.name,
             };
           } catch (e) {
-            setError(`Could not parse JSON data for dashboard "${item.metadata.name}"`);
+            setError(
+              t('monitoring~Could not parse JSON data for dashboard "{{dashboard}}"', {
+                dashboard: item.metadata.name,
+              }),
+            );
           }
         };
 
@@ -443,7 +460,7 @@ const MonitoringDashboardsPage_: React.FC<MonitoringDashboardsPageProps> = ({
           setError(_.get(err, 'json.error', err.message));
         }
       });
-  }, [safeFetch, setLoaded]);
+  }, [safeFetch, setLoaded, t]);
 
   const boardItems = React.useMemo(() => _.mapValues(_.mapKeys(boards, 'name'), 'data.title'), [
     boards,
@@ -492,13 +509,13 @@ const MonitoringDashboardsPage_: React.FC<MonitoringDashboardsPageProps> = ({
   return (
     <>
       <Helmet>
-        <title>Metrics Dashboards</title>
+        <title>{t('monitoring~Metrics dashboards')}</title>
       </Helmet>
       <div className="co-m-nav-title co-m-nav-title--detail">
         <div className="monitoring-dashboards__header">
           <h1 className="co-m-pane__heading">
             <span>
-              Dashboards <GrafanaLink />
+              {t('monitoring~Dashboards')} <GrafanaLink />
             </span>
           </h1>
           <div className="monitoring-dashboards__options">
@@ -510,7 +527,7 @@ const MonitoringDashboardsPage_: React.FC<MonitoringDashboardsPageProps> = ({
           {!_.isEmpty(boardItems) && (
             <VariableDropdown
               items={boardItems}
-              label="Dashboard"
+              label={t('monitoring~Dashboard')}
               onChange={changeBoard}
               selectedKey={board}
             />
diff --git a/frontend/public/components/monitoring/metrics.tsx b/frontend/public/components/monitoring/metrics.tsx
index e1208d0acf5..bdcd2daf0f1 100644
--- a/frontend/public/components/monitoring/metrics.tsx
+++ b/frontend/public/components/monitoring/metrics.tsx
@@ -149,18 +149,22 @@ const MetricsActionsMenu_: React.FC<MetricsActionsMenuProps> = ({
   isAllExpanded,
   setAllExpanded,
 }) => {
+  const { t } = useTranslation();
+
   const doDelete = () => {
     deleteAll();
     focusedQuery = undefined;
   };
 
   const actionsMenuActions = [
-    { label: 'Add query', callback: addQuery },
+    { label: t('monitoring~Add query'), callback: addQuery },
     {
-      label: `${isAllExpanded ? 'Collapse' : 'Expand'} all query tables`,
+      label: isAllExpanded
+        ? t('monitoring~Collapse all query tables')
+        : t('monitoring~Expand all query tables'),
       callback: () => setAllExpanded(!isAllExpanded),
     },
-    { label: 'Delete all queries', callback: doDelete },
+    { label: t('monitoring~Delete all queries'), callback: doDelete },
   ];
 
   return (
@@ -208,6 +212,7 @@ const graphStateToProps = ({ UI }: RootState) => ({
 
 const ToggleGraph_ = ({ hideGraphs, toggle }) => {
   const { t } = useTranslation();
+
   const icon = hideGraphs ? <ChartLineIcon /> : <CompressIcon />;
 
   return (
@@ -226,6 +231,8 @@ export const ToggleGraph = connect(graphStateToProps, { toggle: UIActions.monito
 );
 
 const MetricsDropdown_: React.FC<MetricsDropdownProps> = ({ insertText, setMetrics }) => {
+  const { t } = useTranslation();
+
   const [items, setItems] = React.useState<MetricsDropdownItems>();
   const [error, setError] = React.useState<PrometheusAPIError>();
 
@@ -258,7 +265,7 @@ const MetricsDropdown_: React.FC<MetricsDropdownProps> = ({ insertText, setMetri
     }
   };
 
-  let title: React.ReactNode = 'Insert Metric at Cursor';
+  let title: React.ReactNode = t('monitoring~Insert metric at cursor');
   if (error !== undefined) {
     const message =
       error?.response?.status === 403 ? 'Access restricted.' : 'Failed to load metrics list.';
@@ -396,6 +403,8 @@ const QueryInput_: React.FC<QueryInputProps> = ({
   runQueries,
   text = '',
 }) => {
+  const { t } = useTranslation();
+
   const [token, setToken] = React.useState('');
 
   const inputRef = React.useRef(null);
@@ -487,16 +496,18 @@ const QueryInput_: React.FC<QueryInputProps> = ({
   // Set the default textarea height to the number of lines in the query text
   const rows = _.clamp((text.match(/\n/g) || []).length + 1, 2, 10);
 
+  const placeholder = t('monitoring~Expression (press Shift+Enter for newlines)');
+
   return (
     <div className="query-browser__query pf-c-dropdown">
       <textarea
-        aria-label="Expression (press Shift+Enter for newlines)"
+        aria-label={placeholder}
         autoFocus
         className="pf-c-form-control query-browser__query-input"
         onBlur={onBlur}
         onChange={onChange}
         onKeyDown={onKeyDown}
-        placeholder="Expression (press Shift+Enter for newlines)"
+        placeholder={placeholder}
         ref={inputRef}
         rows={rows}
         spellCheck={false}
@@ -504,7 +515,7 @@ const QueryInput_: React.FC<QueryInputProps> = ({
       />
       <Button
         className="query-browser__clear-icon"
-        aria-label="Clear Query"
+        aria-label={t('monitoring~Clear query')}
         onClick={onClear}
         type="button"
         variant="plain"
@@ -552,6 +563,8 @@ const QueryKebab_: React.FC<QueryKebabProps> = ({
   series,
   toggleIsEnabled,
 }) => {
+  const { t } = useTranslation();
+
   const toggleAllSeries = () => patchQuery({ disabledSeries: isDisabledSeriesEmpty ? series : [] });
 
   const doDelete = () => {
@@ -562,12 +575,17 @@ const QueryKebab_: React.FC<QueryKebabProps> = ({
   return (
     <Kebab
       options={[
-        { label: `${isEnabled ? 'Disable' : 'Enable'} query`, callback: toggleIsEnabled },
         {
-          label: `${isDisabledSeriesEmpty ? 'Hide' : 'Show'} all series`,
+          label: isEnabled ? t('monitoring~Disable query') : t('monitoring~Enable query'),
+          callback: toggleIsEnabled,
+        },
+        {
+          label: isDisabledSeriesEmpty
+            ? t('monitoring~Hide all series')
+            : t('monitoring~Show all series'),
           callback: toggleAllSeries,
         },
-        { label: 'Delete query', callback: doDelete },
+        { label: t('monitoring~Delete query'), callback: doDelete },
       ]}
     />
   );
@@ -633,13 +651,14 @@ const QueryTable_: React.FC<QueryTableProps> = ({
   query,
   series,
 }) => {
+  const { t } = useTranslation();
+
   const [data, setData] = React.useState<PrometheusData>();
   const [error, setError] = React.useState<PrometheusAPIError>();
   const [page, setPage] = React.useState(1);
   const [perPage, setPerPage] = React.useState(50);
   const [sortBy, setSortBy] = React.useState<ISortBy>();
 
-  const { t } = useTranslation();
   const safeFetch = React.useCallback(useSafeFetch(), []);
 
   const tick = () => {
@@ -809,8 +828,10 @@ const Query_: React.FC<QueryProps> = ({
   patchQuery,
   toggleIsEnabled,
 }) => {
+  const { t } = useTranslation();
+
   const switchKey = `${id}-${isEnabled}`;
-  const switchLabel = `${isEnabled ? 'Disable' : 'Enable'} query`;
+  const switchLabel = isEnabled ? t('monitoring~Disable query') : t('monitoring~Enable query');
 
   const toggleIsExpanded = () => patchQuery({ isExpanded: !isExpanded });
 
@@ -850,6 +871,8 @@ const Query = connect(
 )(Query_);
 
 const QueryBrowserWrapper_: React.FC<QueryBrowserWrapperProps> = ({ patchQuery, queriesList }) => {
+  const { t } = useTranslation();
+
   const queries = queriesList.toJS();
 
   // Initialize queries from URL parameters
@@ -893,13 +916,13 @@ const QueryBrowserWrapper_: React.FC<QueryBrowserWrapperProps> = ({ patchQuery,
       <EmptyState variant={EmptyStateVariant.full}>
         <EmptyStateIcon icon={ChartLineIcon} />
         <Title headingLevel="h2" size="md">
-          No Query Entered
+          {t('monitoring~No query entered')}
         </Title>
         <EmptyStateBody>
-          Enter a query in the box below to explore metrics for this cluster.
+          {t('monitoring~Enter a query in the box below to explore metrics for this cluster.')}
         </EmptyStateBody>
         <Button onClick={insertExampleQuery} variant="primary">
-          Insert Example Query
+          {t('monitoring~Insert example query')}
         </Button>
       </EmptyState>
     </div>
@@ -916,23 +939,31 @@ const QueryBrowserWrapper = connect(
   { patchQuery: UIActions.queryBrowserPatchQuery },
 )(QueryBrowserWrapper_);
 
-const AddQueryButton_ = ({ addQuery }) => (
-  <Button
-    className="query-browser__inline-control"
-    onClick={addQuery}
-    type="button"
-    variant="secondary"
-  >
-    Add Query
-  </Button>
-);
+const AddQueryButton_ = ({ addQuery }) => {
+  const { t } = useTranslation();
+
+  return (
+    <Button
+      className="query-browser__inline-control"
+      onClick={addQuery}
+      type="button"
+      variant="secondary"
+    >
+      {t('monitoring~Add query')}
+    </Button>
+  );
+};
 const AddQueryButton = connect(null, { addQuery: UIActions.queryBrowserAddQuery })(AddQueryButton_);
 
-const RunQueriesButton_ = ({ runQueries }) => (
-  <Button onClick={runQueries} type="submit" variant="primary">
-    Run Queries
-  </Button>
-);
+const RunQueriesButton_ = ({ runQueries }) => {
+  const { t } = useTranslation();
+
+  return (
+    <Button onClick={runQueries} type="submit" variant="primary">
+      {t('monitoring~Run queries')}
+    </Button>
+  );
+};
 const RunQueriesButton = connect(null, { runQueries: UIActions.queryBrowserRunQueries })(
   RunQueriesButton_,
 );
@@ -958,18 +989,20 @@ const PollIntervalDropdown = connect(
 )(IntervalDropdown);
 
 const QueryBrowserPage_: React.FC<QueryBrowserPageProps> = ({ deleteAll }) => {
+  const { t } = useTranslation();
+
   // Clear queries on unmount
   React.useEffect(() => deleteAll, [deleteAll]);
 
   return (
     <>
       <Helmet>
-        <title>Metrics</title>
+        <title>{t('monitoring~Metrics')}</title>
       </Helmet>
       <div className="co-m-nav-title">
         <h1 className="co-m-pane__heading">
           <span>
-            Metrics
+            {t('monitoring~Metrics')}
             <HeaderPrometheusLink />
           </span>
           <div className="co-actions">
diff --git a/frontend/public/components/monitoring/poll-interval-dropdown.tsx b/frontend/public/components/monitoring/poll-interval-dropdown.tsx
index cb0416d7333..f56d52fd317 100644
--- a/frontend/public/components/monitoring/poll-interval-dropdown.tsx
+++ b/frontend/public/components/monitoring/poll-interval-dropdown.tsx
@@ -1,21 +1,10 @@
 import * as React from 'react';
+import { useTranslation } from 'react-i18next';
 
 import { Dropdown } from '../utils/dropdown';
 import { formatPrometheusDuration, parsePrometheusDuration } from '../utils/datetime';
 
 const OFF_KEY = 'OFF_KEY';
-const intervalOptions = {
-  [OFF_KEY]: 'Refresh Off',
-  '15s': '15 seconds',
-  '30s': '30 seconds',
-  '1m': '1 minute',
-  '5m': '5 minutes',
-  '15m': '15 minutes',
-  '30m': '30 minutes',
-  '1h': '1 hour',
-  '2h': '2 hours',
-  '1d': '1 day',
-};
 
 type Props = {
   interval: number;
@@ -23,11 +12,26 @@ type Props = {
 };
 
 const IntervalDropdown: React.FC<Props> = ({ interval, setInterval }) => {
+  const { t } = useTranslation();
+
   const onChange = React.useCallback(
     (v: string) => setInterval(v === OFF_KEY ? null : parsePrometheusDuration(v)),
     [setInterval],
   );
 
+  const intervalOptions = {
+    [OFF_KEY]: t('monitoring~Refresh off'),
+    '15s': t('monitoring~{{count}} second', { count: 15 }),
+    '30s': t('monitoring~{{count}} second', { count: 30 }),
+    '1m': t('monitoring~{{count}} minute', { count: 1 }),
+    '5m': t('monitoring~{{count}} minute', { count: 5 }),
+    '15m': t('monitoring~{{count}} minute', { count: 15 }),
+    '30m': t('monitoring~{{count}} minute', { count: 30 }),
+    '1h': t('monitoring~{{count}} hour', { count: 1 }),
+    '2h': t('monitoring~{{count}} hour', { count: 2 }),
+    '1d': t('monitoring~{{count}} day', { count: 1 }),
+  };
+
   return (
     <Dropdown
       items={intervalOptions}
diff --git a/frontend/public/locales/en/monitoring.json b/frontend/public/locales/en/monitoring.json
index 4da1e4b29d3..845bdf657a5 100644
--- a/frontend/public/locales/en/monitoring.json
+++ b/frontend/public/locales/en/monitoring.json
@@ -32,7 +32,42 @@
   "Alert state": "Alert state",
   "Create silence": "Create silence",
   "Alerting": "Alerting",
+  "Error loading options": "Error loading options",
+  "{{count}} minute": "{{count}} minute",
+  "{{count}} minute_plural": "{{count}} minutes",
+  "{{count}} hour": "{{count}} hour",
+  "{{count}} hour_plural": "{{count}} hours",
+  "{{count}} day": "{{count}} day",
+  "{{count}} day_plural": "{{count}} days",
+  "{{count}} week": "{{count}} week",
+  "{{count}} week_plural": "{{count}} weeks",
+  "Time range": "Time range",
+  "Refresh interval": "Refresh interval",
+  "Could not parse JSON data for dashboard \"{{dashboard}}\"": "Could not parse JSON data for dashboard \"{{dashboard}}\"",
+  "Metrics dashboards": "Metrics dashboards",
+  "Dashboards": "Dashboards",
+  "Dashboard": "Dashboard",
+  "Add query": "Add query",
+  "Collapse all query tables": "Collapse all query tables",
+  "Expand all query tables": "Expand all query tables",
+  "Delete all queries": "Delete all queries",
   "Show graph": "Show graph",
   "Hide graph": "Hide graph",
+  "Insert metric at cursor": "Insert metric at cursor",
+  "Expression (press Shift+Enter for newlines)": "Expression (press Shift+Enter for newlines)",
+  "Clear query": "Clear query",
+  "Disable query": "Disable query",
+  "Enable query": "Enable query",
+  "Hide all series": "Hide all series",
+  "Show all series": "Show all series",
+  "Delete query": "Delete query",
+  "No query entered": "No query entered",
+  "Enter a query in the box below to explore metrics for this cluster.": "Enter a query in the box below to explore metrics for this cluster.",
+  "Insert example query": "Insert example query",
+  "Run queries": "Run queries",
+  "Metrics": "Metrics",
+  "Refresh off": "Refresh off",
+  "{{count}} second": "{{count}} second",
+  "{{count}} second_plural": "{{count}} seconds",
   "Reset zoom": "Reset zoom"
 }
\ No newline at end of file