diff --git a/src/screens/OrganizationFundCampaign/CampaignModal.tsx b/src/screens/OrganizationFundCampaign/CampaignModal.tsx
index 63d1e8de3a..6706b80ee5 100644
--- a/src/screens/OrganizationFundCampaign/CampaignModal.tsx
+++ b/src/screens/OrganizationFundCampaign/CampaignModal.tsx
@@ -5,7 +5,7 @@ import type { ChangeEvent } from 'react';
 import React, { useEffect, useState } from 'react';
 import { Button, Form, Modal } from 'react-bootstrap';
 import { currencyOptions, currencySymbols } from 'utils/currency';
-import styles from './OrganizationFundCampaign.module.css';
+import styles from '../../style/app.module.css';
 import { useTranslation } from 'react-i18next';
 import { useMutation } from '@apollo/client';
 import {
@@ -301,7 +301,7 @@ const CampaignModal: React.FC<InterfaceCampaignModal> = ({
             {/* Button to create the campaign */}
             <Button
               type="submit"
-              className={styles.greenregbtn}
+              className={styles.greenregbtnOrganizationFundCampaign}
               data-testid="submitCampaignBtn"
             >
               {t(mode === 'edit' ? 'updateCampaign' : 'createCampaign')}
diff --git a/src/screens/OrganizationFundCampaign/OrganizationFundCampagins.tsx b/src/screens/OrganizationFundCampaign/OrganizationFundCampagins.tsx
index 1c6dbf2cc6..8a5455c663 100644
--- a/src/screens/OrganizationFundCampaign/OrganizationFundCampagins.tsx
+++ b/src/screens/OrganizationFundCampaign/OrganizationFundCampagins.tsx
@@ -14,7 +14,7 @@ import dayjs from 'dayjs';
 import Loader from 'components/Loader/Loader';
 import CampaignModal from './CampaignModal';
 import { FUND_CAMPAIGN } from 'GraphQl/Queries/fundQueries';
-import styles from './OrganizationFundCampaign.module.css';
+import styles from '../../style/app.module.css';
 import { currencySymbols } from 'utils/currency';
 import type {
   InterfaceCampaignInfo,
@@ -339,14 +339,14 @@ const orgFundCampaign = (): JSX.Element => {
         <Typography color="text.primary">{t('title')}</Typography>
       </Breadcrumbs>
 
-      <div className={styles.btnsContainer}>
-        <div className={styles.input}>
+      <div className={styles.btnsContainerOrganizationFundCampaign}>
+        <div className={styles.inputOrganizationFundCampaign}>
           <Form.Control
             type="name"
             placeholder={tCommon('searchByName')}
             autoComplete="off"
             required
-            className={styles.inputField}
+            className={styles.inputFieldOrganizationFundCampaign}
             value={searchTerm}
             onChange={(e) => setSearchTerm(e.target.value)}
             data-testid="searchFullName"
@@ -358,13 +358,13 @@ const orgFundCampaign = (): JSX.Element => {
             <Search />
           </Button>
         </div>
-        <div className={styles.btnsBlock}>
+        <div className={styles.btnsBbtnsBlockOrganizationFundCampaignlock}>
           <div className="d-flex justify-space-between">
             <Dropdown>
               <Dropdown.Toggle
                 variant="success"
                 id="dropdown-basic"
-                className={styles.dropdown}
+                className={styles.dropdownOrganizationFundCampaign}
                 data-testid="filter"
               >
                 <Sort className={'me-1'} />
@@ -426,7 +426,9 @@ const orgFundCampaign = (): JSX.Element => {
           ),
         }}
         sx={dataGridStyle}
-        getRowClassName={() => `${styles.rowBackground}`}
+        getRowClassName={() =>
+          `${styles.rowBackgroundOrganizationFundCampaign}`
+        }
         autoHeight
         rowHeight={65}
         rows={campaigns.map((campaign, index) => ({
diff --git a/src/screens/OrganizationFundCampaign/OrganizationFundCampaign.module.css b/src/screens/OrganizationFundCampaign/OrganizationFundCampaign.module.css
deleted file mode 100644
index 55202baef9..0000000000
--- a/src/screens/OrganizationFundCampaign/OrganizationFundCampaign.module.css
+++ /dev/null
@@ -1,202 +0,0 @@
-.organizationFundCampaignContainer {
-  margin: 0.5rem 0;
-}
-.goalButton {
-  border: 1px solid rgba(49, 187, 107, 1) !important;
-  color: rgba(49, 187, 107, 1) !important;
-  width: 75%;
-  padding: 10px;
-  border-radius: 8px;
-  display: block;
-  margin: auto;
-  box-shadow: 5px 5px 4px 0px rgba(49, 187, 107, 0.12);
-}
-.rowBackground {
-  background-color: var(--bs-white);
-  max-height: 120px;
-}
-.container {
-  min-height: 100vh;
-}
-.campaignModal {
-  max-width: 80vw;
-  margin-top: 2vh;
-  margin-left: 13vw;
-}
-.titlemodal {
-  color: #707070;
-  font-weight: 600;
-  font-size: 32px;
-  width: 65%;
-  margin-bottom: 0px;
-}
-.noOutline input {
-  outline: none;
-}
-.modalCloseBtn {
-  width: 40px;
-  height: 40px;
-  padding: 1rem;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.greenregbtn {
-  margin: 1rem 0 0;
-  margin-top: 15px;
-  border: 1px solid #e8e5e5;
-  box-shadow: 0 2px 2px #e8e5e5;
-  padding: 10px 10px;
-  border-radius: 5px;
-  background-color: #31bb6b;
-  width: 100%;
-  font-size: 16px;
-  color: white;
-  outline: none;
-  font-weight: 600;
-  cursor: pointer;
-  transition:
-    transform 0.2s,
-    box-shadow 0.2s;
-  width: 100%;
-  flex: 1;
-}
-
-.redregbtn {
-  margin: 1rem 0 0;
-  margin-top: 15px;
-  border: 1px solid #e8e5e5;
-  box-shadow: 0 2px 2px #e8e5e5;
-  padding: 10px 10px;
-  border-radius: 5px;
-  width: 100%;
-  font-size: 16px;
-  color: white;
-  outline: none;
-  font-weight: 600;
-  cursor: pointer;
-  transition:
-    transform 0.2s,
-    box-shadow 0.2s;
-  width: 100%;
-  flex: 1;
-}
-.campaignNameInfo {
-  font-size: medium;
-  cursor: pointer;
-}
-.campaignNameInfo:hover {
-  color: blue;
-  transform: translateY(-2px);
-}
-.message {
-  margin-top: 25%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  flex-direction: column;
-}
-
-.inputField {
-  background-color: white;
-  box-shadow: 0 1px 1px #31bb6b;
-}
-
-.dropdown {
-  background-color: white;
-  border: 1px solid #31bb6b;
-  position: relative;
-  display: inline-block;
-  color: #31bb6b;
-}
-
-.btnsContainer {
-  display: flex;
-  margin: 2rem 0 2rem 0;
-  gap: 0.8rem;
-}
-
-.btnsContainer .btnsBlock {
-  display: flex;
-  gap: 0.8rem;
-}
-
-.btnsContainer .btnsBlock div button {
-  display: flex;
-  margin-left: 1rem;
-  justify-content: center;
-  align-items: center;
-}
-
-.btnsContainer .input {
-  flex: 1;
-  position: relative;
-}
-
-.btnsContainer input {
-  outline: 1px solid var(--bs-gray-400);
-}
-
-.btnsContainer .input button {
-  width: 52px;
-}
-
-.mainpageright > hr {
-  margin-top: 20px;
-  width: 100%;
-  margin-left: -15px;
-  margin-right: -15px;
-  margin-bottom: 20px;
-}
-
-.tableHeader {
-  background-color: var(--bs-primary);
-  color: var(--bs-white);
-  font-size: 1rem;
-}
-
-@media (max-width: 1020px) {
-  .btnsContainer {
-    flex-direction: column;
-    margin: 1.5rem 0;
-  }
-
-  .btnsContainer .btnsBlock {
-    margin: 1.5rem 0 0 0;
-    justify-content: space-between;
-  }
-
-  .btnsContainer .btnsBlock div button {
-    margin: 0;
-  }
-
-  .createFundBtn {
-    margin-top: 0;
-  }
-}
-
-@media screen and (max-width: 575.5px) {
-  .mainpageright {
-    width: 98%;
-  }
-}
-
-/* For mobile devices  */
-
-@media (max-width: 520px) {
-  .btnsContainer {
-    margin-bottom: 0;
-  }
-
-  .btnsContainer .btnsBlock {
-    display: block;
-    margin-top: 1rem;
-    margin-right: 0;
-  }
-
-  .btnsContainer .btnsBlock div button {
-    margin-bottom: 1rem;
-    margin-right: 0;
-    width: 100%;
-  }
-}
diff --git a/src/style/app.module.css b/src/style/app.module.css
index 3bc46315f9..102245fc74 100644
--- a/src/style/app.module.css
+++ b/src/style/app.module.css
@@ -992,6 +992,180 @@ hr {
   background: #afffe8 !important;
 }
 
+.organizationFundCampaignContainer {
+  margin: 0.5rem 0;
+}
+
+.rowBackgroundOrganizationFundCampaign {
+  background-color: var(--bs-white);
+  max-height: 120px;
+}
+
+.campaignModal {
+  max-width: 80vw;
+  margin-top: 2vh;
+  margin-left: 13vw;
+}
+
+.greenregbtnOrganizationFundCampaign {
+  margin: 1rem 0 0;
+  margin-top: 15px;
+  border: 1px solid var(--bs-gray-300);
+  box-shadow: 0 2px 2px #e8e5e5;
+  padding: 10px 10px;
+  border-radius: 5px;
+  background-color: var(--bs-primary);
+  width: 100%;
+  font-size: 16px;
+  color: white;
+  outline: none;
+  font-weight: 600;
+  cursor: pointer;
+  transition:
+    transform 0.2s,
+    box-shadow 0.2s;
+  flex: 1;
+}
+
+.goalButtonOrganizationFundCampaign {
+  border: 1px solid #e8e5e5 !important;
+  color: #707070 !important;
+  width: 75%;
+  padding: 10px;
+  border-radius: 8px;
+  display: block;
+  margin: auto;
+  box-shadow: 5px 5px 4px 0px rgba(49, 187, 107, 0.12);
+}
+
+.redregbtn {
+  margin: 1rem 0 0;
+  margin-top: 15px;
+  border: 1px solid #e8e5e5;
+  box-shadow: 0 2px 2px #e8e5e5;
+  padding: 10px 10px;
+  border-radius: 5px;
+  width: 100%;
+  font-size: 16px;
+  color: white;
+  outline: none;
+  font-weight: 600;
+  cursor: pointer;
+  transition:
+    transform 0.2s,
+    box-shadow 0.2s;
+  width: 100%;
+  flex: 1;
+}
+
+.campaignNameInfo {
+  font-size: medium;
+  cursor: pointer;
+}
+.campaignNameInfo:hover {
+  color: blue;
+  transform: translateY(-2px);
+}
+
+.inputFieldOrganizationFundCampaign {
+  background-color: white;
+  box-shadow: 0 1px 1px var(--search-button-bg);
+}
+
+.dropdownOrganizationFundCampaign {
+  background-color: white;
+  border: 1px solid #e8e5e5;
+  position: relative;
+  display: inline-block;
+  color: #707070;
+}
+
+.btnsContainerOrganizationFundCampaign {
+  display: flex;
+  margin: 2rem 0 2rem 0;
+  gap: 0.8rem;
+}
+
+.btnsContainerOrganizationFundCampaign .btnsBlockOrganizationFundCampaign {
+  display: flex;
+  gap: 0.8rem;
+}
+
+.btnsContainerOrganizationFundCampaign
+  .btnsBlockOrganizationFundCampaign
+  div
+  button {
+  display: flex;
+  margin-left: 1rem;
+  justify-content: center;
+  align-items: center;
+}
+
+.btnsContainerOrganizationFundCampaign .inputOrganizationFundCampaign {
+  flex: 1;
+  position: relative;
+}
+
+.btnsContainerOrganizationFundCampaign input {
+  outline: 1px solid var(--bs-gray-400);
+}
+
+.btnsContainerOrganizationFundCampaign .inputOrganizationFundCampaign button {
+  width: 52px;
+}
+
+@media (max-width: 1020px) {
+  .btnsContainerOrganizationFundCampaign {
+    flex-direction: column;
+    margin: 1.5rem 0;
+  }
+
+  .btnsContainerOrganizationFundCampaign .btnsBlockOrganizationFundCampaign {
+    margin: 1.5rem 0 0 0;
+    justify-content: space-between;
+  }
+
+  .btnsContainerOrganizationFundCampaign
+    .btnsBlockOrganizationFundCampaign
+    div
+    button {
+    margin: 0;
+  }
+
+  .createFundBtn {
+    margin-top: 0;
+  }
+}
+
+@media screen and (max-width: 575.5px) {
+  .mainpageright {
+    width: 98%;
+  }
+}
+
+/* For mobile devices  */
+
+@media (max-width: 520px) {
+  .btnsContainerOrganizationFundCampaign {
+    margin-bottom: 0;
+  }
+
+  .btnsContainerOrganizationFundCampaign .btnsBlockOrganizationFundCampaign {
+    display: block;
+    margin-top: 1rem;
+    margin-right: 0;
+  }
+
+  .btnsContainerOrganizationFundCampaign
+    .btnsBlockOrganizationFundCampaign
+    div
+    button {
+    margin-bottom: 1rem;
+    margin-right: 0;
+    width: 100%;
+  }
+}
+
 @media (max-width: 1024px) {
   .pageNotFound h1.head {
     font-size: 200px;