diff --git a/packages/bruno-app/src/components/Modal/StyledWrapper.js b/packages/bruno-app/src/components/Modal/StyledWrapper.js
index 4ec5d4a2..eb32c965 100644
--- a/packages/bruno-app/src/components/Modal/StyledWrapper.js
+++ b/packages/bruno-app/src/components/Modal/StyledWrapper.js
@@ -22,6 +22,7 @@ const Wrapper = styled.div`
     justify-content: center;
     overflow-y: auto;
     z-index: 10;
+    background-color: rgba(0, 0, 0, 0.5);
   }
 
   .bruno-modal-card {
diff --git a/packages/bruno-app/src/styles/globals.css b/packages/bruno-app/src/styles/globals.css
index fb8eb5b5..ee784ff1 100644
--- a/packages/bruno-app/src/styles/globals.css
+++ b/packages/bruno-app/src/styles/globals.css
@@ -53,3 +53,9 @@ body::-webkit-scrollbar-thumb,
   background-color: #cdcdcd;
   border-radius: 5rem;
 }
+
+/* making all the checkboxes and radios bigger */
+input[type='checkbox'],
+input[type='radio'] {
+  transform: scale(1.25);
+}