diff --git a/themes/matery/LayoutSlug.js b/themes/matery/LayoutSlug.js
index 2d5dbc61..451b4b66 100644
--- a/themes/matery/LayoutSlug.js
+++ b/themes/matery/LayoutSlug.js
@@ -51,7 +51,6 @@ export const LayoutSlug = props => {
                     {lock && <ArticleLock validPassword={validPassword} />}
 
                     {!lock && <div id="container" className="overflow-x-auto flex-grow md:w-full ">
-                        {/* <ArticleInfo */}
                         {post?.type === 'Post' && <>
                         <div className='px-5'>
                             <ArticleInfo post={post} />
diff --git a/themes/matery/components/ArticleInfo.js b/themes/matery/components/ArticleInfo.js
index f2c72b9c..fd21e660 100644
--- a/themes/matery/components/ArticleInfo.js
+++ b/themes/matery/components/ArticleInfo.js
@@ -10,7 +10,7 @@ export const ArticleInfo = (props) => {
   const { locale } = useGlobal()
   const date = formatDate(post?.date?.start_date || post?.createdTime, locale.LOCALE)
 
-  return <section className='mb-3'>
+  return <section className='mb-3 dark:text-gray-200'>
         <div className='my-3'>
             {post.tagItems && (
                 <div className="flex flex-nowrap overflow-x-auto">
diff --git a/themes/matery/components/SideBar.js b/themes/matery/components/SideBar.js
index 722b35b6..3f529729 100644
--- a/themes/matery/components/SideBar.js
+++ b/themes/matery/components/SideBar.js
@@ -40,8 +40,9 @@ const SideBar = (props) => {
                   if (link && link.show) {
                     const selected = (router.pathname === link.to) || (router.asPath === link.to)
                     return <Link key={link.to} title={link.to} href={link.to} >
-                            <a target={link.to.indexOf('http') === 0 ? '_blank' : '_self'} className={'py-2 px-5 duration-300 text-base justify-between hover:bg-gray-700 hover:text-white hover:shadow-lg cursor-pointer font-light flex flex-nowrap items-center ' +
-                                (selected ? 'bg-gray-200 text-black' : ' ')} >
+                            <a target={link.to.indexOf('http') === 0 ? '_blank' : '_self'}
+                               className={'py-2 px-5 duration-300 text-base justify-between hover:bg-gray-700 hover:text-white hover:shadow-lg cursor-pointer font-light flex flex-nowrap items-center ' +
+                                (selected ? 'bg-indigo-500 text-white ' : ' text-black dark:text-white ')} >
                                 <div className='my-auto items-center justify-between flex '>
                                     <i className={`${link.icon} w-4 ml-3 mr-6 text-center`} />
                                     <div >{link.name}</div>