Quick fix for the re-opened issue #9 (#11)

src/components/ThemePatch.tsx

@@ -1,23 +1,25 @@
-import { DropdownItem } from "decky-frontend-lib";
+import { DropdownItem, PanelSectionRow } from "decky-frontend-lib";
 import * as python from "../python";
 import { VFC } from "react";
 import { Patch } from "../theme";
 
 export const ThemePatch: VFC<{ data: Patch }> = ({ data }) => {
   return (
-    <DropdownItem
-      rgOptions={data.options.map((x, i) => {
-        return { data: i, label: x };
-      })}
-      label={`${data.name} of ${data.theme.name}`}
-      selectedOption={data.index}
-      onChange={(index) => {
-        data.index = index.data;
-        data.value = index.label;
-        python.execute(
-          python.setPatchOfTheme(data.theme.name, data.name, data.value)
-        );
-      }}
-    />
+    <PanelSectionRow>
+      <DropdownItem
+        rgOptions={data.options.map((x, i) => {
+          return { data: i, label: x };
+        })}
+        label={`${data.name} of ${data.theme.name}`}
+        selectedOption={data.index}
+        onChange={(index) => {
+          data.index = index.data;
+          data.value = index.label;
+          python.execute(
+            python.setPatchOfTheme(data.theme.name, data.name, data.value)
+          );
+        }}
+      />
+    </PanelSectionRow>
   );
 };

src/components/ThemeToggle.tsx

@@ -23,9 +23,7 @@ export const ThemeToggle: VFC<{ data: Theme; setThemeList: any }> = ({
           }}
         />
       </PanelSectionRow>
-      <PanelSectionRow>
-        {data.checked && data.patches.map((x) => <ThemePatch data={x} />)}
-      </PanelSectionRow>
+      {data.checked && data.patches.map((x) => <ThemePatch data={x} />)}
     </>
   );
 };