font fixed

app/assets/css/main.css

@@ -62,7 +62,7 @@ h4,
 h5,
 h6 {
   font-family: "Roboto", sans-serif;
-  font-weight: 900;
+  font-weight: 900 !important;
   color: #0e1133;
   margin: 0px;
 }

app/components/SelectFeatutes.js

@@ -41,7 +41,7 @@ function SelectFeatures({ className }) {
                                     aria-controls="v-pills-home"
                                     aria-selected="true"
                                 >
-                                    <span><Image src={rewardIcon} height='25' width='25' className='mr-2' /></span> Reward achievement
+                                    <span className={`p-1 rounded-pill`}><Image src={rewardIcon} height='25' width='25' /></span> Reward achievement
                                 </a>
                                 <a
                                     onClick={(e) => handleClick(e, 'report')}
@@ -53,7 +53,7 @@ function SelectFeatures({ className }) {
                                     aria-controls="v-pills-profile"
                                     aria-selected="false"
                                 >
-                                    <span><Image src={taskIcon} height='25' width='25' className='mr-2' /></span> Assign tasks or chores
+                                    <span className={`p-1 rounded-pill`}><Image src={taskIcon} height='25' width='25' /></span> Assign tasks or chores
                                 </a>
                                 <a
                                     onClick={(e) => handleClick(e, 'notice')}
@@ -65,7 +65,7 @@ function SelectFeatures({ className }) {
                                     aria-controls="v-pills-messages"
                                     aria-selected="false"
                                 >
-                                    <span><Image src={familyIcon} height='25' width='25' className='mr-2' /></span> Family engagement
+                                    <span className={`p-1 rounded-pill`}><Image src={familyIcon} height='25' width='25' /></span> Family engagement
                                 </a>
                                 <a
                                     onClick={(e) => handleClick(e, 'app')}
@@ -77,7 +77,7 @@ function SelectFeatures({ className }) {
                                     aria-controls="v-pills-settings"
                                     aria-selected="false"
                                 >
-                                    <span><Image src={walletIcon} height='25' width='25' className='mr-2' /></span> Fund wallets
+                                    <span className={`p-1 rounded-pill`}><Image src={walletIcon} height='25' width='25' /></span> Fund wallets
                                 </a>
                             </div>
                         </div>