From 542ee56c775ea12082f5f1b3272ec9ad39bdbfa3 Mon Sep 17 00:00:00 2001
From: blessedcoolant <54517381+blessedcoolant@users.noreply.github.com>
Date: Fri, 7 Oct 2022 06:47:50 +1300
Subject: [PATCH] [WebUI] Fix Threshold and Perlin Noise Styling

---
 .../options/AdvancedOptions/Seed/Perlin.tsx   | 20 +++++++++++--------
 .../AdvancedOptions/Seed/SeedOptions.tsx      |  6 ++----
 2 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/frontend/src/features/options/AdvancedOptions/Seed/Perlin.tsx b/frontend/src/features/options/AdvancedOptions/Seed/Perlin.tsx
index 754a3b9e95..4b3df41305 100644
--- a/frontend/src/features/options/AdvancedOptions/Seed/Perlin.tsx
+++ b/frontend/src/features/options/AdvancedOptions/Seed/Perlin.tsx
@@ -1,5 +1,9 @@
 import React from 'react';
-import { RootState, useAppDispatch, useAppSelector } from '../../../../app/store';
+import {
+  RootState,
+  useAppDispatch,
+  useAppSelector,
+} from '../../../../app/store';
 import IAINumberInput from '../../../../common/components/IAINumberInput';
 import { setPerlin } from '../../optionsSlice';
 
@@ -11,13 +15,13 @@ export default function Perlin() {
 
   return (
     <IAINumberInput
-        label='Perlin'
-        min={0}
-        max={1}
-        step={0.05}
-        onChange={handleChangePerlin}
-        value={perlin}
-        isInteger={false}
+      label="Perlin Noise"
+      min={0}
+      max={1}
+      step={0.05}
+      onChange={handleChangePerlin}
+      value={perlin}
+      isInteger={false}
     />
   );
 }
diff --git a/frontend/src/features/options/AdvancedOptions/Seed/SeedOptions.tsx b/frontend/src/features/options/AdvancedOptions/Seed/SeedOptions.tsx
index ead6b3b2db..c18004a4f2 100644
--- a/frontend/src/features/options/AdvancedOptions/Seed/SeedOptions.tsx
+++ b/frontend/src/features/options/AdvancedOptions/Seed/SeedOptions.tsx
@@ -16,10 +16,8 @@ const SeedOptions = () => {
         <Seed />
         <ShuffleSeed />
       </Flex>
-      <Flex gap={2}>
-        <Threshold />
-        <Perlin />
-      </Flex>
+      <Threshold />
+      <Perlin />
     </Flex>
   );
 };