diff --git a/src/components/Suggestions/Modal.tsx b/src/components/Suggestions/Modal.tsx
index 08483b2..a534e07 100644
--- a/src/components/Suggestions/Modal.tsx
+++ b/src/components/Suggestions/Modal.tsx
@@ -22,7 +22,7 @@ export default function Modal({
     >
       <div
         ref={modalRef}
-        className="relative h-full w-full overflow-y-scroll bg-white px-12 py-4 sm:max-h-[80%] sm:max-w-[75%] md:max-h-[480px] md:max-w-[600px]"
+        className="relative h-full w-full overflow-y-scroll bg-[#fafafa] px-12 py-4 sm:max-h-[80%] sm:max-w-[75%] md:max-h-[480px] md:max-w-[600px] dark:bg-[#171717]"
       >
         <svg
           onClick={handleCloseModal}
diff --git a/src/components/Suggestions/Suggestions.tsx b/src/components/Suggestions/Suggestions.tsx
index f226c2c..80bce48 100644
--- a/src/components/Suggestions/Suggestions.tsx
+++ b/src/components/Suggestions/Suggestions.tsx
@@ -176,7 +176,7 @@ export default function SuggestionsForm({
         </div>
         <button
           type="button"
-          className="mb-4 mt-2 rounded-md border bg-emerald-400 px-4 py-2 font-bold text-gray-50 transition-opacity duration-300 hover:opacity-70"
+          className="mb-4 mt-2 rounded-md bg-emerald-400 px-4 py-2 font-bold text-gray-50 transition-opacity duration-300 hover:opacity-70"
           onClick={async () => {
             await handlePost();
           }}