diff --git a/web/components/admin/Chart.tsx b/web/components/admin/Chart.tsx
index 63c490b08..a358232dc 100644
--- a/web/components/admin/Chart.tsx
+++ b/web/components/admin/Chart.tsx
@@ -135,7 +135,7 @@ export const Chart: FC<ChartProps> = ({
       <Button
         size="small"
         onClick={downloadChart}
-        type="ghost"
+        ghost
         icon={<DownloadOutlined />}
         className="download-btn"
       />
diff --git a/web/components/admin/VideoLatency.tsx b/web/components/admin/VideoLatency.tsx
index e5a5a9637..d07221a74 100644
--- a/web/components/admin/VideoLatency.tsx
+++ b/web/components/admin/VideoLatency.tsx
@@ -95,7 +95,7 @@ export const VideoLatency: FC = () => {
   };
 
   return (
-    (<div className="config-video-latency-container">
+    <div className="config-video-latency-container">
       <Title level={3} className="section-title">
         Latency Buffer
       </Title>
@@ -124,12 +124,12 @@ export const VideoLatency: FC = () => {
           defaultValue={selectedOption}
           value={selectedOption}
           tooltip={{
-            formatter: value => SLIDER_COMMENTS[value]
+            formatter: value => SLIDER_COMMENTS[value],
           }}
         />
         <p className="selected-value-note">{SLIDER_COMMENTS[selectedOption]}</p>
         <FormStatusIndicator status={submitStatus} />
       </div>
-    </div>)
+    </div>
   );
 };
diff --git a/web/components/admin/VideoVariantForm.tsx b/web/components/admin/VideoVariantForm.tsx
index 63aa4139c..7db1c9b06 100644
--- a/web/components/admin/VideoVariantForm.tsx
+++ b/web/components/admin/VideoVariantForm.tsx
@@ -113,7 +113,7 @@ export const VideoVariantForm: FC<VideoVariantFormProps> = ({
     'video-passthrough-enabled': videoPassthroughEnabled,
   });
   return (
-    (<div className={classes}>
+    <div className={classes}>
       <div className="video-varient-alert">
         <Alert
           type="info"
@@ -164,7 +164,7 @@ export const VideoVariantForm: FC<VideoVariantFormProps> = ({
                 value={dataState.cpuUsageLevel}
                 disabled={dataState.videoPassthrough}
                 tooltip={{
-                  formatter: value => ENCODER_PRESET_TOOLTIPS[value]
+                  formatter: value => ENCODER_PRESET_TOOLTIPS[value],
                 }}
               />
               <p className="selected-value-note">{cpuUsageNote()}</p>
@@ -203,7 +203,7 @@ export const VideoVariantForm: FC<VideoVariantFormProps> = ({
                 max={VIDEO_BITRATE_DEFAULTS.max}
                 marks={VIDEO_BITRATE_SLIDER_MARKS}
                 tooltip={{
-                  formatter: value => `${value} ${VIDEO_BITRATE_DEFAULTS.unit}`
+                  formatter: value => `${value} ${VIDEO_BITRATE_DEFAULTS.unit}`,
                 }}
               />
               <p className="selected-value-note">{selectedVideoBRnote()}</p>
@@ -327,7 +327,7 @@ export const VideoVariantForm: FC<VideoVariantFormProps> = ({
                 marks={FRAMERATE_SLIDER_MARKS}
                 disabled={dataState.videoPassthrough}
                 tooltip={{
-                  formatter: value => `${value} ${FRAMERATE_DEFAULTS.unit}`
+                  formatter: value => `${value} ${FRAMERATE_DEFAULTS.unit}`,
                 }}
               />
               <p className="selected-value-note">{selectedFramerateNote()}</p>
@@ -344,6 +344,6 @@ export const VideoVariantForm: FC<VideoVariantFormProps> = ({
           </div>
         </Panel>
       </Collapse>
-    </div>)
+    </div>
   );
 };
diff --git a/web/components/admin/config/general/AppearanceConfig.tsx b/web/components/admin/config/general/AppearanceConfig.tsx
index 9cb30a8dc..6f3619d10 100644
--- a/web/components/admin/config/general/AppearanceConfig.tsx
+++ b/web/components/admin/config/general/AppearanceConfig.tsx
@@ -301,7 +301,7 @@ export default function Appearance() {
           <Button type="primary" onClick={save}>
             Save Colors
           </Button>
-          <Button type="ghost" onClick={reset}>
+          <Button ghost onClick={reset}>
             Reset to Defaults
           </Button>
         </Space>
diff --git a/web/pages/admin/chat/emojis.tsx b/web/pages/admin/chat/emojis.tsx
index 676a6c03e..dccc640a9 100644
--- a/web/pages/admin/chat/emojis.tsx
+++ b/web/pages/admin/chat/emojis.tsx
@@ -176,7 +176,7 @@ const Emoji = () => {
                     </Tooltip>
                     <Button
                       size="small"
-                      type="ghost"
+                      ghost
                       title="Delete emoji"
                       style={{
                         position: 'absolute',