diff --git a/src/components/theme-changer/index.jsx b/src/components/theme-changer/index.jsx
index 0c65d87..d171719 100644
--- a/src/components/theme-changer/index.jsx
+++ b/src/components/theme-changer/index.jsx
@@ -23,7 +23,7 @@ const ThemeChanger = () => {
         <div className="flex-1">
           <h5 className="card-title">
             {loading ? (
-              skeleton({ width: 'w-20', height: 'h-8' })
+              skeleton({ width: 'w-20', height: 'h-8', className: 'mb-1' })
             ) : (
               <span className="opacity-70">Theme</span>
             )}