diff --git a/generators/app/templates/src/index.css b/generators/app/templates/src/index.css
index dcdaa68f..2df89f6b 100644
--- a/generators/app/templates/src/index.css
+++ b/generators/app/templates/src/index.css
@@ -54,11 +54,14 @@ input[type='number'] {
 /**
 Temporary fix to overwrite and display the default style of the checkbox
 to prevent issues with the custom component and react/fontawesome missing icons
+The important tags are to override style coming from elsewhere
  */
 input[type='checkbox'] {
   appearance: checkbox !important;
   -webkit-appearance: checkbox !important;
   -moz-appearance: checkbox !important;
+  width: auto !important;
+  margin-left: 4px !important;
 }
 input[type='checkbox']::before {
   content: none !important;