From d3745fb63d988545b3a41359081ccfd84e755868 Mon Sep 17 00:00:00 2001
From: James Brunton <james@stirlingpdf.com>
Date: Tue, 16 Sep 2025 14:07:50 +0100
Subject: [PATCH] Improve styling on preview

---
 .../src/components/tools/rotate/RotateSettings.tsx     | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/frontend/src/components/tools/rotate/RotateSettings.tsx b/frontend/src/components/tools/rotate/RotateSettings.tsx
index ee4ee9f18..fca6c5a7f 100644
--- a/frontend/src/components/tools/rotate/RotateSettings.tsx
+++ b/frontend/src/components/tools/rotate/RotateSettings.tsx
@@ -1,4 +1,4 @@
-import React, { useMemo, useState, useEffect } from "react";
+import { useMemo, useState, useEffect } from "react";
 import { Stack, Text, Box, ActionIcon, Group, Center } from "@mantine/core";
 import { useTranslation } from "react-i18next";
 import RotateLeftIcon from "@mui/icons-material/RotateLeft";
@@ -71,7 +71,7 @@ const RotateSettings = ({ parameters, disabled = false }: RotateSettingsProps) =
               alignItems: 'center',
               justifyContent: 'center',
               backgroundColor: 'var(--mantine-color-gray-0)',
-              overflow: 'hidden'
+              overflow: 'hidden',
             }}
           >
             <Box
@@ -82,16 +82,12 @@ const RotateSettings = ({ parameters, disabled = false }: RotateSettingsProps) =
                 transition: 'transform 0.3s ease-in-out',
                 display: 'flex',
                 alignItems: 'center',
-                justifyContent: 'center'
+                justifyContent: 'center',
               }}
             >
               <DocumentThumbnail
                 file={selectedFile}
                 thumbnail={thumbnail}
-                style={{
-                  maxWidth: '260px',
-                  maxHeight: '260px'
-                }}
               />
             </Box>
           </Box>