|
|
@@ -30,7 +30,7 @@ const CustomizeThemeOptions = (props: Props): JSX.Element => {
|
|
|
{/* Light and Dark Themes */}
|
|
|
<div>
|
|
|
<h3 className="mb-3">{t('customize_settings.theme_desc.light_and_dark')}</h3>
|
|
|
- <div className="hstack gap-3">
|
|
|
+ <div className="hstack gap-3 flex-wrap">
|
|
|
{lightNDarkThemes.map((theme) => {
|
|
|
return (
|
|
|
<ThemeColorBox
|
|
|
@@ -47,7 +47,7 @@ const CustomizeThemeOptions = (props: Props): JSX.Element => {
|
|
|
{/* Only one mode Theme */}
|
|
|
<div className="mt-3">
|
|
|
<h3 className="mb-3">{t('customize_settings.theme_desc.unique')}</h3>
|
|
|
- <div className="hstack gap-3">
|
|
|
+ <div className="hstack gap-3 align-items-start flex-wrap">
|
|
|
{oneModeThemes.map((theme) => {
|
|
|
return (
|
|
|
<ThemeColorBox
|