diff --git a/src/components/PhotoSwipe/InfoDialog/ExifData.tsx b/src/components/PhotoSwipe/InfoDialog/ExifData.tsx
index 8c5545d81..741ee2086 100644
--- a/src/components/PhotoSwipe/InfoDialog/ExifData.tsx
+++ b/src/components/PhotoSwipe/InfoDialog/ExifData.tsx
@@ -1,11 +1,15 @@
import React, { useState } from 'react';
import constants from 'utils/strings/constants';
-import { FormCheck } from 'react-bootstrap';
import { RenderInfoItem } from './RenderInfoItem';
import { LegendContainer } from '../styledComponents/LegendContainer';
import { Pre } from '../styledComponents/Pre';
-import { Typography } from '@mui/material';
+import {
+ Checkbox,
+ FormControlLabel,
+ FormGroup,
+ Typography,
+} from '@mui/material';
export function ExifData(props: { exif: any }) {
const { exif } = props;
@@ -50,12 +54,18 @@ export function ExifData(props: { exif: any }) {
{constants.EXIF}
-
-
-
- {constants.SHOW_ALL}
-
-
+
+
+ }
+ label={constants.SHOW_ALL}
+ />
+
{showAll ? renderAllValues() : renderSelectedValues()}
>
diff --git a/src/components/PhotoSwipe/styledComponents/Pre.tsx b/src/components/PhotoSwipe/styledComponents/Pre.tsx
index 4e744fe05..320192132 100644
--- a/src/components/PhotoSwipe/styledComponents/Pre.tsx
+++ b/src/components/PhotoSwipe/styledComponents/Pre.tsx
@@ -1,5 +1,5 @@
import { styled } from '@mui/material';
-export const Pre = styled('p')`
+export const Pre = styled('pre')`
color: #aaa;
padding: 7px 15px;
`;