From 265c5225dbcd54487accb4c750ce10494db11884 Mon Sep 17 00:00:00 2001
From: Juho Heikka <juho.heikka@gmail.com>
Date: Fri, 17 Dec 2021 12:32:37 +0200
Subject: [PATCH] Use cssNames utility for classname

Signed-off-by: Juho Heikka <juho.heikka@gmail.com>
---
 src/renderer/components/+preferences/extension-settings.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/renderer/components/+preferences/extension-settings.tsx b/src/renderer/components/+preferences/extension-settings.tsx
index 3ab3d8bcd7..9e4bb9b5d4 100644
--- a/src/renderer/components/+preferences/extension-settings.tsx
+++ b/src/renderer/components/+preferences/extension-settings.tsx
@@ -21,6 +21,7 @@
 import { SubTitle } from "../layout/sub-title";
 import type { RegisteredAppPreference } from "../../../extensions/registries/app-preference-registry";
 import React from "react";
+import { cssNames } from "../../../renderer/utils";
 
 interface ExtensionSettingsProps {
   setting: RegisteredAppPreference;
@@ -36,14 +37,14 @@ export function ExtensionSettings({ setting, size }: ExtensionSettingsProps) {
 
   return (
     <React.Fragment>
-      <section id={id} className={size === "small" ? "small" : ""}>
+      <section id={id} className={cssNames(size)}>
         <SubTitle title={title} />
         <Input />
         <div className="hint">
           <Hint />
         </div>
       </section>
-      <hr className={size === "small" ? "small" : ""} />
+      <hr className={cssNames(size)} />
     </React.Fragment>
   );
 }