diff --git a/src/actions/information.js b/src/actions/information.js
index 39541dc0360..4066b65dc15 100644
--- a/src/actions/information.js
+++ b/src/actions/information.js
@@ -19,14 +19,28 @@ export const updateInfoSuccess = updatedInfo => ({
   payload: updatedInfo,
 });
 
+export const fetchInfosBegin = () => ({
+  type: actions.FETCH_INFOS_BEGIN,
+});
+
+export const fetchInfosError = () => ({
+  type: actions.FETCH_INFOS_ERROR,
+})
+
 // Get infoCollections
-export const getInfoCollections = () => {
-  return async dispatch => {
+export const getInfoCollections = (retrieveInfos=false) => {
+  return async (dispatch, getState) => {
     try {
+      const { infoCollections } = getState();
+      if (!retrieveInfos && (infoCollections.loading || infoCollections.loaded)) {
+        return;
+      }
+      dispatch(fetchInfosBegin())
       const response = await axios.get(ENDPOINTS.INFO_COLLECTIONS);
       dispatch(fetchInfosSuccess(response.data));
       return response.data;
     } catch (error) {
+      dispatch(fetchInfosError)
       toast.error(error.message || 'Failed to fetch info collections.');
       return null;
     }
diff --git a/src/components/TeamMemberTasks/TeamMemberTask.jsx b/src/components/TeamMemberTasks/TeamMemberTask.jsx
index 0030088fc55..28b65bf6476 100644
--- a/src/components/TeamMemberTasks/TeamMemberTask.jsx
+++ b/src/components/TeamMemberTasks/TeamMemberTask.jsx
@@ -171,6 +171,11 @@ const TeamMemberTask = React.memo(
     const canUnassignTask = dispatch(hasPermission(permissions.removeUserFromTask));
     const numTasksToShow = isTruncated ? NUM_TASKS_SHOW_TRUNCATE : activeTasks.length;
 
+    const tableRowDarkMode = () => {
+      if (darkMode) return `${styles['table-row']} ${styles.darkMode} bg-yinmn-blue`;
+      return `${styles['table-row']}`;
+    };
+
     const colorsObjs = {
       'Assistant Manager': '#849ced', // blue
       Manager: '#90e766', // green
@@ -256,11 +261,7 @@ const TeamMemberTask = React.memo(
     };
 
     return (
-      <tr
-        ref={ref}
-        className={`${styles['table-row']} ${darkMode ? 'bg-yinmn-blue' : ''}`}
-        key={user.personId}
-      >
+      <tr ref={ref} className={tableRowDarkMode()} key={user.personId}>
         <td className={styles['remove-padding']} colSpan={6}>
           <div className={styles['row-content']}>
             {isTimeOffContentOpen && (
@@ -298,7 +299,7 @@ const TeamMemberTask = React.memo(
             )}
             <Table className={styles['no-bottom-margin']}>
               <tbody>
-                <tr className="remove-child-borders">
+                <tr className={`remove-child-borders ${darkMode ? styles.darkMode : ''}`}>
                   {/* green if member has met committed hours for the week, red if not */}
                   <td colSpan={1} className={`${darkMode ? 'bg-yinmn-blue' : ''}`}>
                     <div style={{ display: 'flex', flexWrap: 'wrap', flexDirection: 'column' }}>
@@ -416,7 +417,10 @@ const TeamMemberTask = React.memo(
                       style={{ margin: '0 auto', width: '100%' }}
                     >
                       <tbody>
-                        <tr style={{ width: '500px' }}>
+                        <tr
+                          className={`${darkMode ? styles.darkMode : ''}`}
+                          style={{ width: '500px' }}
+                        >
                           <td
                             colSpan={2}
                             className={styles['team-member-tasks-user-name']}
@@ -583,7 +587,7 @@ const TeamMemberTask = React.memo(
                                   <tr
                                     key={`${task._id}`}
                                     className={`${styles['task-break']} ${
-                                      darkMode ? 'bg-yinmn-blue' : ''
+                                      darkMode ? `${styles.darkMode} bg-yinmn-blue` : ''
                                     }`}
                                   >
                                     <td
diff --git a/src/components/TeamMemberTasks/style.module.css b/src/components/TeamMemberTasks/style.module.css
index 3a9b6b63e45..ab4aa31211e 100644
--- a/src/components/TeamMemberTasks/style.module.css
+++ b/src/components/TeamMemberTasks/style.module.css
@@ -414,6 +414,10 @@
   vertical-align: stretch !important;
 }
 
+tr.darkMode:hover {
+  background: #2f4157 !important;
+}
+
 .hidden {
   visibility: hidden;
 }
@@ -836,8 +840,7 @@
   }
 
   .table-row {
-    border: solid #e9ecef 2px;
-    background: #faf7fc;
+    border: solid #3a506b 2px;
     font-size: 0.75rem !important;
   }
 
diff --git a/src/components/UserProfile/EditableModal/EditableInfoModal.jsx b/src/components/UserProfile/EditableModal/EditableInfoModal.jsx
index 4b827ba25dc..5cc8f5d80dc 100644
--- a/src/components/UserProfile/EditableModal/EditableInfoModal.jsx
+++ b/src/components/UserProfile/EditableModal/EditableInfoModal.jsx
@@ -78,7 +78,7 @@ export class EditableInfoModal extends Component {
 
   // ✅ Centralized: derive modal state from collections + props
   deriveFromCollections = infoCollections => {
-    const { role, areaName, fontSize, isPermissionPage } = this.props;
+    const { role, areaName, fontSize, isPermissionPage, initialInfo } = this.props;
 
     let content = '';
     let visible = '0';
@@ -101,13 +101,16 @@ export class EditableInfoModal extends Component {
       (visible === '2' && role !== 'Volunteer');
 
     const CanEdit = role === 'Owner';
-
+    const contentToDisplay = () => {
+      if (content) return content;
+      return initialInfo ? this.sanitizeText(initialInfo) : 'Please input information!';
+    };
     return {
       infoElements: Array.isArray(infoCollections) ? [...infoCollections] : [],
       fetchError: this.props.fetchError,
       loading: this.props.loading,
       infoName: areaName,
-      infoContent: content || 'Please input information!',
+      infoContent: contentToDisplay(),
       visibility: visible,
       CanRead,
       CanEdit,
@@ -231,7 +234,7 @@ export class EditableInfoModal extends Component {
     if (saveResult === 200 || saveResult === 201) {
       await this.handleSaveSuccess();
       // ✅ Refresh collections so UI is always in sync
-      this.props.getInfoCollections();
+      this.props.getInfoCollections(true);
     } else {
       this.handleSaveError();
     }
@@ -241,7 +244,7 @@ export class EditableInfoModal extends Component {
     const { infoId } = this.handleChangeInInfos();
     await this.props.deleteInfoCollectionById(infoId);
     // Refresh collections after delete
-    this.props.getInfoCollections();
+    this.props.getInfoCollections(true);
   };
 
   handleClose = () => {
@@ -260,7 +263,7 @@ export class EditableInfoModal extends Component {
     const { darkMode } = this.props;
     const headerDarkClass = darkMode ? `${appStyles['bg-space-cadet']} text-light` : '';
 
-    const sanitizedContent = infoContent;
+    const sanitizedContent = infoContent; 
 
     return (
       CanRead && (
@@ -269,9 +272,9 @@ export class EditableInfoModal extends Component {
             data-toggle="tooltip"
             data-placement="right"
             title="Click for information about this"
-            style={{ fontSize: fontSize, cursor: 'pointer', color: '#00CCFF', marginRight: '8px' }}
+            style={{ fontSize: fontSize }}
             aria-hidden="true"
-            className="fa fa-info-circle"
+            className={`fa fa-info-circle ${styles.infoIcon}`}
             onClick={() => this.setState({ editableModalOpen: true })}
           />
 
@@ -321,6 +324,7 @@ export class EditableInfoModal extends Component {
                         Who can view this information?
                       </div>
                       <Select
+                        className={`${styles.visibility} ${darkMode ? styles.darkMode: ''}`}
                         options={options}
                         onChange={this.handleSelectChange}
                         value={options.find(option => option.value === this.state.visibility)}
@@ -367,6 +371,7 @@ EditableInfoModal.propTypes = {
   areaName: PropTypes.string,
   fontSize: PropTypes.number,
   isPermissionPage: PropTypes.bool,
+  initialInfo: PropTypes.string,
   darkMode: PropTypes.bool,
 };
 
@@ -388,7 +393,7 @@ const mapStateToProps = ({ infoCollections }) => ({
 });
 
 const mapDispatchToProps = dispatch => ({
-  getInfoCollections: () => dispatch(getInfoCollections()),
+  getInfoCollections: retrieveInfos => dispatch(getInfoCollections(retrieveInfos)),
   updateInfoCollection: (infoId, updatedInfo) => dispatch(updateInfoCollection(infoId, updatedInfo)),
   addInfoCollection: newInfo => dispatch(addInfoCollection(newInfo)),
   deleteInfoCollectionById: infoId => dispatch(deleteInfoCollectionById(infoId)),
diff --git a/src/components/UserProfile/EditableModal/EditableInfoModal.module.css b/src/components/UserProfile/EditableModal/EditableInfoModal.module.css
index 3b3a85be067..8a526bac6c3 100644
--- a/src/components/UserProfile/EditableModal/EditableInfoModal.module.css
+++ b/src/components/UserProfile/EditableModal/EditableInfoModal.module.css
@@ -34,3 +34,12 @@
   color: #fff !important;
 }
 
+.infoIcon {
+  cursor: pointer;
+  color: #0CF;
+  margin-right: 8px;
+}
+
+.visibility.darkMode > * {
+  background-color: #1b2a41;
+}
diff --git a/src/components/Warnings/Warnings.jsx b/src/components/Warnings/Warnings.jsx
index 50c52e603f7..cd2d74ae44a 100644
--- a/src/components/Warnings/Warnings.jsx
+++ b/src/components/Warnings/Warnings.jsx
@@ -3,7 +3,7 @@ import moment from 'moment';
 import PropTypes from 'prop-types';
 import { useEffect, useState } from 'react';
 import { Alert, Button } from 'react-bootstrap';
-import { useDispatch } from 'react-redux';
+import { useDispatch, useSelector } from 'react-redux';
 import { toast } from 'react-toastify';
 import hasPermission from '~/utils/permissions';
 import { ENDPOINTS } from '~/utils/URL';
@@ -18,6 +18,7 @@ import WarningTrackerModal from './modals/WarningTrackerModal';
 import WarningIcons from './WarningIcons';
 import styles from './Warnings.module.css';
 import { permissions } from '../../utils/constants';
+import EditableInfoModal from '~/components/UserProfile/EditableModal/EditableInfoModal';
 // Better Descriptions (“i” = ,ltd = Please be more specific in your time log descriptions.)
 // Log Time to Tasks (“i” = ,lttt = Please log all time working on specific tasks to those tasks rather than the general category. )
 // Log Time as You Go (“i” = ,ltayg = Reminder to please log your time as you go. At a minimum, please log daily any time you work.)
@@ -33,6 +34,7 @@ export default function Warning({
 }) {
   const dispatch = useDispatch();
   const [usersWarnings, setUsersWarnings] = useState([]);
+  const darkMode = useSelector(state => state.theme.darkMode);
 
   const [toggleWarningTrackerModal, setToggleWarningTrackerModal] = useState(false);
   const [toggle, setToggle] = useState(false);
@@ -179,7 +181,17 @@ export default function Warning({
     ? usersWarnings.map(warning => (
         <div className={`${styles['warning-item-container']}`} key={warning.title}>
           <div className={`${styles['warning-wrapper']}`}>
-            <p className={`${styles['warning-text']}`}> {warning.title}</p>
+            <div className={styles.trackerInfoIcons}>
+              <p className={`${styles['warning-text']}`}> {warning.title}</p>
+              <EditableInfoModal
+                role={userRole}
+                areaName={`${warning?.title}Info`}
+                areaTitle={`${warning?.title} Tracker`}
+                fontSize={20}
+                initialInfo={warning?.description}
+                darkMode={darkMode}
+              />
+            </div>
             <WarningIcons
               warnings={warning.warnings}
               warningText={warning.title}
diff --git a/src/components/Warnings/Warnings.module.css b/src/components/Warnings/Warnings.module.css
index 3df44a5cc21..87879c46f5a 100644
--- a/src/components/Warnings/Warnings.module.css
+++ b/src/components/Warnings/Warnings.module.css
@@ -28,6 +28,12 @@
   margin: 0 auto;
 }
 
+.trackerInfoIcons {
+  display: flex;
+  gap: 5px;
+  align-items: center;
+}
+
 .warning-icon {
   display: flex;
   justify-content: flex-start;
@@ -103,6 +109,10 @@
   box-shadow: rgb(0 0 0 / 80%) 0 0 0;
 }
 
+.warnings__descriptions.darkMode {
+  background: none;
+}
+
 .warning__descriptions__btn {
   padding: 0 !important;
   font-size: 1rem;
diff --git a/src/components/Warnings/modals/WarningTrackerModal.jsx b/src/components/Warnings/modals/WarningTrackerModal.jsx
index 5939cf85279..c9fb4083b36 100644
--- a/src/components/Warnings/modals/WarningTrackerModal.jsx
+++ b/src/components/Warnings/modals/WarningTrackerModal.jsx
@@ -21,6 +21,11 @@ import {
   editWarningDescription,
   reorderWarningDescriptions,
 } from '../../../actions/warnings';
+import {
+  getInfoCollections,
+  updateInfoCollection,
+  deleteInfoCollectionById,
+} from '../../../actions/information';
 
 import styles from '../Warnings.module.css';
 import reorder from '../reorder.svg';
@@ -41,7 +46,9 @@ function WarningTrackerModal({
 }) {
   const [toggeleWarningInput, setToggeleWarningInput] = useState(false);
   const [newWarning, setNewWarning] = useState('');
+  const [newWarningDescription, setNewWarningDescription] = useState('');
   const [warningDescriptions, setWarningDescriptions] = useState([]);
+  const [originalWarningDescriptions, setOriginalWarningDescriptions] = useState([]);
   const [toggleDeleteModal, setToggleDeleteModal] = useState(false);
   const [warningToDelete, setWarningToDelete] = useState(null);
   const [warningEdited, setWarningEdited] = useState(false);
@@ -52,6 +59,10 @@ function WarningTrackerModal({
   const [dragIndex, setDragIndex] = useState(null);
   const [initialDragIndex, setInitialDragIndex] = useState(null);
   const [warningsEdited, setWarningsEdited] = useState(false);
+  const [infoCollections, setInfoCollections] = useState([]);
+  const [infoCollectionToUpdate, setInfoCollectionToUpdate] = useState(null);
+  const [infoCollectionToDelete, setInfoCollectionToDelete] = useState(null);
+  const [retrieveInfoCollections, setRetrieveInfoCollections] = useState(true); // true on mount to retrieve info collections
   const darkMode = useSelector(state => state.theme.darkMode);
 
   const dispatch = useDispatch();
@@ -69,19 +80,43 @@ function WarningTrackerModal({
     rolesAllowedToTracking.includes(userRole) ||
     dispatch(hasPermission(permissions.deleteWarningTracker));
 
-  const fetchWarningDescriptions = async () => {
+  const fetchWarningDescriptions = () => {
     dispatch(getWarningDescriptions()).then(res => {
       if (res.error) {
         setError(res.error);
         return;
       }
       setWarningDescriptions(res);
+      setOriginalWarningDescriptions(res);
     });
+    if (retrieveInfoCollections) {
+      dispatch(getInfoCollections(true)).then(res => {
+        if (res.error) {
+          setError(res.error);
+          return;
+        }
+        setRetrieveInfoCollections(false);
+        setInfoCollections(res);
+      });
+    }
   };
   useEffect(() => {
     fetchWarningDescriptions();
   }, []);
 
+  useEffect(() => {
+    if (!editedWarning) return;
+    const originalWarning = originalWarningDescriptions.find(
+      warning => warning._id === editedWarning._id,
+    );
+    if (!originalWarning) return;
+    if (!infoCollections.some(info => info?.infoName === originalWarning.warningTitle + 'Info'))
+      return;
+    setInfoCollectionToUpdate(
+      infoCollections.find(info => info?.infoName === originalWarning.warningTitle + 'Info'),
+    );
+  }, [editedWarning]);
+
   useEffect(() => {
     setTimeout(() => {
       setWarningWasEdited(false);
@@ -161,6 +196,9 @@ function WarningTrackerModal({
   const handleTriggerDeleteWarningDescription = warning => {
     setToggleDeleteModal(true);
     setWarningToDelete(warning);
+    setInfoCollectionToDelete(
+      infoCollections.find(info => info?.infoName === warning.warningTitle + 'Info'),
+    );
   };
 
   const handleDeactivate = warningId => {
@@ -181,10 +219,20 @@ function WarningTrackerModal({
     });
   };
   const handleDeleteWarningDescription = warningId => {
+    if (infoCollectionToDelete) {
+      dispatch(deleteInfoCollectionById(infoCollectionToDelete._id)).then(res => {
+        if (res.error) {
+          setError(res.error);
+          return;
+        }
+        setRetrieveInfoCollections(true);
+      });
+    }
     dispatch(deleteWarningDescription(warningId)).then(res => {
       if (res.error) {
         setError(res.error);
       }
+      fetchWarningDescriptions();
     });
     setWarningDescriptions(prev => prev.filter(warning => warning._id !== warningId));
   };
@@ -208,10 +256,28 @@ function WarningTrackerModal({
     setWarningEdited(false);
     setWarningsEdited(false);
     setWarningWasEdited(false);
+    setInfoCollectionToUpdate(null);
   };
 
   const handleSaveEditedWarning = () => {
     if (warningEdited) {
+      if (infoCollectionToUpdate) {
+        const newInfo = {
+          infoName: editedWarning.warningTitle + 'Info',
+          infoContent: infoCollectionToUpdate.infoContent,
+          visibility: infoCollectionToUpdate.visibility,
+        };
+        dispatch(updateInfoCollection(infoCollectionToUpdate._id, newInfo)).then(res => {
+          if (res.error) {
+            setError(res.error);
+            setWarningEdited(false);
+            setEditedWarning(null);
+            fetchWarningDescriptions();
+            return;
+          }
+          setRetrieveInfoCollections(true);
+        });
+      }
       dispatch(editWarningDescription(editedWarning)).then(res => {
         if (res.error) {
           setError(res.error);
@@ -250,23 +316,29 @@ function WarningTrackerModal({
 
     if (newWarning === '') return;
     const trimmedWarning = newWarning.trim();
-    dispatch(postNewWarning({ newWarning: trimmedWarning, activeWarning: true, isPermanent })).then(
-      res => {
-        setNewWarning('');
-        if (res?.error) {
-          setError(res.error);
-          return;
-        }
-        if (res?.message) {
-          setError(res.message);
-          return;
-        }
-        setWarningDescriptions(res.newWarnings);
-        getUsersWarnings();
-        setError(null);
-        setToggeleWarningInput(false);
-      },
-    );
+    dispatch(
+      postNewWarning({
+        newWarning: trimmedWarning,
+        activeWarning: true,
+        isPermanent,
+        newWarningDescription,
+      }),
+    ).then(res => {
+      setNewWarning('');
+      setNewWarningDescription('');
+      if (res?.error) {
+        setError(res.error);
+        return;
+      }
+      if (res?.message) {
+        setError(res.message);
+        return;
+      }
+      setWarningDescriptions(res.newWarnings);
+      getUsersWarnings();
+      setError(null);
+      setToggeleWarningInput(false);
+    });
   };
 
   if (toggleDeleteModal) {
@@ -377,7 +449,7 @@ function WarningTrackerModal({
         <ul>
           {warningDescriptions.map((warning, index) => (
             <li
-              className={styles.warnings__descriptions}
+              className={`${styles.warnings__descriptions} ${darkMode ? styles.darkMode : ''}`}
               key={warning._id}
               onDragStart={() => handleDragStart(index, warning?.disabled)}
               onDragOver={e => handleDragOver(e, index, warning?.disabled)}
@@ -500,11 +572,24 @@ function WarningTrackerModal({
                   value={isPermanent}
                 />
               </div>
+
+              <label htmlFor="warningDescription" className={styles.warning__title}>
+                Warning Tracker Description
+              </label>
+              <input
+                type="text"
+                id="warningDescription"
+                className={styles.warning__input}
+                value={newWarningDescription}
+                onChange={e => setNewWarningDescription(e.target.value)}
+              />
+
               <div className={styles.warning__form__btns}>
                 <Button
                   color="danger"
                   onClick={() => {
                     setNewWarning(null);
+                    setNewWarningDescription('');
                     setToggeleWarningInput(false);
                   }}
                 >
diff --git a/src/reducers/informationReducer.js b/src/reducers/informationReducer.js
index c796cc6d45b..e1342874b55 100644
--- a/src/reducers/informationReducer.js
+++ b/src/reducers/informationReducer.js
@@ -3,6 +3,7 @@ import * as actions from '../constants/information';
 const initialState = {
   infos: [],
   loading: false,
+  loaded: false,
   fetchError: null,
 };
 
@@ -13,6 +14,7 @@ export const infoCollectionsReducer = (state = initialState, action) => {
       return {
         ...state,
         loading: true,
+        loaded: false,
         fetchError: null,
       };
 
@@ -20,6 +22,7 @@ export const infoCollectionsReducer = (state = initialState, action) => {
       return {
         ...state,
         loading: false,
+        loaded: true,
         infos: action.payload.infoCollectionsData,
       };
 
@@ -27,6 +30,7 @@ export const infoCollectionsReducer = (state = initialState, action) => {
       return {
         ...state,
         loading: false,
+        loaded: false,
         fetchError: action.payload.error,
       };
     case actions.ADD_INFO_SUCCESS: