diff --git a/app/components/settings/ButtonSettings.tsx b/app/components/settings/ButtonSettings.tsx
index c0372d3..20b0d47 100644
--- a/app/components/settings/ButtonSettings.tsx
+++ b/app/components/settings/ButtonSettings.tsx
@@ -1,17 +1,19 @@
 import React from 'react';
 
+// Define the props for the ButtonSetting component
 interface ButtonSettingProps {
   label: string; // The label to display on the button
   onClick: () => void; // The function to call when the button is clicked
   className?: string; // Optional additional classes for styling
 }
 
-const ButtonSetting: React.FC<ButtonSettingProps> = ({ label, onClick }) => {
+// Functional component definition
+const ButtonSetting: React.FC<ButtonSettingProps> = ({ label, onClick, className }) => {
   return (
-    <div className="settings-option">
+    <div className="settings-option"> {/* Container for the button */}
       <button
         onClick={onClick} // Call the onClick function when the button is clicked
-        className={"export-button"} // Apply any additional classes
+        className={`export-button ${className || ''}`} // Apply any additional classes, default to empty if not provided
       >
         {label} {/* Display the label on the button */}
       </button>