diff --git a/src/apps/explorer/pages/AppData/EncodePage.tsx b/src/apps/explorer/pages/AppData/EncodePage.tsx
index 0787a531a..7c416be56 100644
--- a/src/apps/explorer/pages/AppData/EncodePage.tsx
+++ b/src/apps/explorer/pages/AppData/EncodePage.tsx
@@ -52,6 +52,8 @@ const EncodePage: React.FC<EncodeProps> = ({ tabData, setTabData, handleTabChang
   const formRef = React.useRef<Form<FormProps>>(null)
   const ipfsFormRef = React.useRef<Form<FormProps>>(null)
 
+  const isDisabled = !appDataForm.metadata?.orderClass?.orderClass || disabledAppData
+
   useEffect(() => {
     const fetchSchema = async (): Promise<void> => {
       const latestSchema = await getSchema()
@@ -214,7 +216,7 @@ const EncodePage: React.FC<EncodeProps> = ({ tabData, setTabData, handleTabChang
           schema={schema}
           uiSchema={uiSchema}
         >
-          <button className="btn btn-info" disabled={disabledAppData} type="submit">
+          <button className="btn btn-info" disabled={isDisabled} type="submit">
             GENERATE APPDATA DOC
           </button>
         </Form>
diff --git a/src/theme/styles/global.ts b/src/theme/styles/global.ts
index cb1e2d578..a90bd7a6e 100644
--- a/src/theme/styles/global.ts
+++ b/src/theme/styles/global.ts
@@ -69,13 +69,15 @@ export const StaticGlobalStyle = createGlobalStyle`
 export const ThemedGlobalStyle = createGlobalStyle`
   input,
   textarea,
-  button {
+  button,
+  select {
     font-family: ${({ theme }): string => theme.fontDefault}, sans-serif;
   }
   @supports (font-variation-settings: normal) {
     input,
     textarea,
-    button {
+    button,
+    select {
       font-family: ${({ theme }): string => theme.fontVariable}, sans-serif;
     }
   }