diff --git a/src/_scss/pages/agency/v2/_tabs.scss b/src/_scss/pages/agency/v2/_tabs.scss
index 4ccf52da47..9f31f67481 100644
--- a/src/_scss/pages/agency/v2/_tabs.scss
+++ b/src/_scss/pages/agency/v2/_tabs.scss
@@ -66,6 +66,11 @@
                     line-height: rem(20);
                 }
             }
+
+            &:disabled {
+                color: $color-gray-medium;
+                background-color: $color-gray-lightest;
+            }
         }
     }
 }
diff --git a/src/_scss/pages/agency/v2/index.scss b/src/_scss/pages/agency/v2/index.scss
index 3cf3a7d4ff..f9ad3976d9 100644
--- a/src/_scss/pages/agency/v2/index.scss
+++ b/src/_scss/pages/agency/v2/index.scss
@@ -191,6 +191,77 @@
             @media(min-width: $tablet-screen) {
                 width: 70%;
             }
+            .body__content {
+                @import '../../search/results/table/tableMessages';
+                .results-table-message-container {
+                    position: relative;
+                    background-color: rgb(246, 246, 246);
+                    .results-table-loading {
+                        margin-bottom: rem(100);
+                    }
+                    .no-results-container {
+                        text-align: center;
+                        margin-top: rem(100);
+                        margin-bottom: rem(100);
+                        .no-results-title {
+                            h4 {
+                            margin-bottom: 0;
+                            vertical-align: bottom;
+                            }
+                        }
+                        .no-results-message {
+                            p {
+                            margin-top: 0;
+                            vertical-align: top;
+                            }
+                        }
+                        }
+                        .loading-animation {
+                            @import "../../search/results/screens/loading";
+                        }
+                        .results-table-error {
+                        .icon {
+                            width: rem(36);
+                            height: rem(36);
+                            svg {
+                            width: rem(36);
+                            height: rem(36);
+                            }
+                        }
+                        .title {
+                            font-size: rem(20);
+                        line-height: rem(45);
+                        }
+                        .description {
+                            font-size: rem(16);
+                            line-height: rem(10);
+                        }
+                    }
+                }
+                .usda-table {
+                    td {
+                        &:first-child {
+                            @include span-columns(6 of 12, table);
+                            text-align: left;
+                        }
+                        @include span-columns(2 of 12, table);
+                        text-align: right;
+                        word-break: break-word;
+                    }
+
+                    .table-header {
+                        .table-header__label {
+                            @include flex(0 1 auto);
+                            text-align: right;
+                        }
+    
+                        .table-header__sort {
+                            margin-top: auto;
+                            margin-bottom: auto;
+                        }
+                    }
+                }
+            }
             .body__section {
                 @import './tabs';
                 @include display(flex);
diff --git a/src/js/app.jsx b/src/js/app.jsx
index cb6a146a2b..9221029a44 100644
--- a/src/js/app.jsx
+++ b/src/js/app.jsx
@@ -11,8 +11,10 @@ import {
     faBook,
     faBuilding,
     faCalendarAlt,
+    faCaretDown,
     faCaretLeft,
     faCaretRight,
+    faCaretUp,
     faChartArea,
     faChartBar,
     faChartPie,
@@ -65,8 +67,10 @@ library.add(
     faBook,
     faBuilding,
     faCalendarAlt,
+    faCaretDown,
     faCaretLeft,
     faCaretRight,
+    faCaretUp,
     faChartArea,
     faChartBar,
     faChartPie,
diff --git a/src/js/components/agency/v2/CountTab.jsx b/src/js/components/agency/v2/CountTab.jsx
index b979752b08..4f24e20902 100644
--- a/src/js/components/agency/v2/CountTab.jsx
+++ b/src/js/components/agency/v2/CountTab.jsx
@@ -13,28 +13,37 @@ const propTypes = {
     setActiveTab: PropTypes.func.isRequired,
     active: PropTypes.bool,
     count: PropTypes.number,
-    subCount: PropTypes.number
+    subCount: PropTypes.number,
+    disabled: PropTypes.bool
 };
 
-const CountTab = (props) => (
-    <button
-        className={`count-tabs__button${props.active ? ' count-tabs__button_active' : ''}`}
-        onClick={() => props.setActiveTab(props.type)}>
-        <div className="count-button">
-            <div className="count-button__label">
-                {props.label}
-            </div>
-            <div className="count-button__count">
-                {(props.count || props.count === 0) ? `${props.count}` : '--'}
-            </div>
-            {props.subHeading ? (
-                <div className="count-button__sub-heading">
-                    With {(props.subCount || props.subCount === 0) ? `${props.subCount}` : '--'} {props.subHeading}
+
+const CountTab = (props) => {
+    const setActiveTab = () => {
+        props.setActiveTab(props.type);
+    };
+
+    return (
+        <button
+            className={`count-tabs__button${props.active ? ' count-tabs__button_active' : ''}`}
+            onClick={setActiveTab}
+            disabled={props.disabled}>
+            <div className="count-button">
+                <div className="count-button__label">
+                    {props.label}
                 </div>
-            ) : <>&nbsp;</>}
-        </div>
-    </button>
-);
+                <div className="count-button__count">
+                    {(props.count || props.count === 0) ? `${props.count}` : '--'}
+                </div>
+                {props.subHeading ? (
+                    <div className="count-button__sub-heading">
+                    With {(props.subCount || props.subCount === 0) ? `${props.subCount}` : '--'} {props.subHeading}
+                    </div>
+                ) : <>&nbsp;</>}
+            </div>
+        </button>
+    );
+};
 
 CountTab.propTypes = propTypes;
 export default CountTab;
diff --git a/src/js/components/agency/v2/accountSpending/AccountSpending.jsx b/src/js/components/agency/v2/accountSpending/AccountSpending.jsx
index ca3d47a2e6..6bd5f254e6 100644
--- a/src/js/components/agency/v2/accountSpending/AccountSpending.jsx
+++ b/src/js/components/agency/v2/accountSpending/AccountSpending.jsx
@@ -6,6 +6,7 @@
 import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 import CountTabContainer from 'containers/agency/v2/accountSpending/CountTabContainer';
+import TableContainer from 'containers/agency/v2/accountSpending/TableContainer';
 
 const propTypes = {
     fy: PropTypes.string,
@@ -45,6 +46,7 @@ const tabs = [
 
 const AccountSpending = ({ agencyId, fy }) => {
     const [activeTab, setActiveTab] = useState('budget_function');
+    const subHeading = tabs.find((tab) => tab.type === activeTab).subHeading;
     return (
         <div className="body__content">
             <div className="count-tabs">
@@ -66,6 +68,11 @@ const AccountSpending = ({ agencyId, fy }) => {
                             active={activeTab === tab.type} />
                     ))}
                 </div>
+                <TableContainer
+                    agencyId={agencyId}
+                    fy={fy}
+                    type={activeTab}
+                    subHeading={subHeading} />
             </div>
         </div>
     );
diff --git a/src/js/containers/agency/v2/AgencyContainerV2.jsx b/src/js/containers/agency/v2/AgencyContainerV2.jsx
index 82e201c1a8..cf86f774d0 100644
--- a/src/js/containers/agency/v2/AgencyContainerV2.jsx
+++ b/src/js/containers/agency/v2/AgencyContainerV2.jsx
@@ -3,11 +3,9 @@
  * Created by Maxwell Kendall 01/31/2020
  */
 
-/* eslint-disable no-unused-vars */
-/* eslint-disable react/prop-types */
-
 import React, { useState, useEffect } from 'react';
-import { connect } from 'react-redux';
+import PropTypes from 'prop-types';
+import { useDispatch } from 'react-redux';
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { startCase, snakeCase } from "lodash";
 import {
@@ -15,7 +13,9 @@ import {
     Picker
 } from 'data-transparency-ui';
 
-import { setAgencyOverview, resetAgency } from 'redux/actions/agency/agencyActions';
+import { setBudgetaryResources } from 'redux/actions/agencyV2/agencyV2Actions';
+import { fetchBudgetaryResources } from 'helpers/agencyV2Helper';
+import BaseAgencyBudgetaryResources from 'models/v2/agency/BaseAgencyBudgetaryResources';
 
 import { agencyPageMetaTags } from 'helpers/metaTagHelper';
 import { scrollToY } from 'helpers/scrollToHelper';
@@ -32,10 +32,10 @@ import { defaultSortFy } from 'components/sharedComponents/pickers/FYPicker';
 import ShareIcon from 'components/sharedComponents/stickyHeader/ShareIcon';
 
 import AccountSpending from 'components/agency/v2/accountSpending/AccountSpending';
+import Error from '../../../components/sharedComponents/Error';
 
 require('pages/agency/v2/index.scss');
 
-// document.querySelector('.site-navigation').offsetHeight + document.querySelector('.site-navigation').offsetTop
 const scrollPositionOfSiteHeader = 96;
 
 const TooltipComponent = () => (
@@ -70,15 +70,39 @@ const ComingSoon = () => (
     </div>
 );
 
+const propTypes = {
+    params: PropTypes.shape({
+        agencyId: PropTypes.string
+    })
+};
+
 export const AgencyProfileV2 = ({
-    agencyOverview,
-    agencyId,
-    params,
-    clearAgency,
-    setOverview
+    params
 }) => {
+    const dispatch = useDispatch();
     const [activeSection, setActiveSection] = useState('overview');
     const [selectedFy, setSelectedFy] = useState(FiscalYearHelper.defaultFiscalYear());
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(false);
+
+    useEffect(() => {
+        setLoading(true);
+        // request budgetary resources data for this agency
+        const budgetaryResourcesRequest = fetchBudgetaryResources(params.agencyId);
+        budgetaryResourcesRequest.promise
+            .then((res) => {
+                // parse the response using our data model
+                setLoading(false);
+                const budgetaryResources = Object.create(BaseAgencyBudgetaryResources);
+                budgetaryResources.populate(res.data);
+                // store the data model object in Redux
+                dispatch(setBudgetaryResources(budgetaryResources));
+            }).catch((err) => {
+                setError(true);
+                setLoading(false);
+                console.error(err);
+            });
+    }, [params.agencyId]);
 
     const componentByAgencySection = {
         overview: <ComingSoon />,
@@ -154,7 +178,8 @@ export const AgencyProfileV2 = ({
                         <ShareIcon
                             slug={slug}
                             email={{
-                                subject: `USAspending.gov Agency Profile: ${agencyOverview.name}`,
+                                // TODO - add agency name when the data is available
+                                subject: 'USAspending.gov Agency Profile: ',
                                 body: `View the spending activity of this agency on USAspending.gov: ${getBaseUrl(slug)}`
                             }} />
                         <div className="sticky-header__toolbar-item">
@@ -166,7 +191,7 @@ export const AgencyProfileV2 = ({
                     </div>
                 </>
             </StickyHeader>
-            <LoadingWrapper isLoading={false} >
+            <LoadingWrapper isLoading={loading} >
                 <main id="main-content" className="main-content usda__flex-row">
                     <div className="sidebar usda__flex-col">
                         <Sidebar
@@ -180,13 +205,19 @@ export const AgencyProfileV2 = ({
                                 label: startCase(section)
                             }))} />
                     </div>
-                    <div className="body usda__flex-col">
-                        {Object.keys(componentByAgencySection).map((section) => (
-                            <AgencySection key={section} section={section} >
-                                {componentByAgencySection[section]}
-                            </AgencySection>
-                        ))}
-                    </div>
+                    {error &&
+                        <div className="body usda__flex-col">
+                            <Error />
+                        </div>}
+                    {!error &&
+                        <div className="body usda__flex-col">
+                            {Object.keys(componentByAgencySection).map((section) => (
+                                <AgencySection key={section} section={section} >
+                                    {componentByAgencySection[section]}
+                                </AgencySection>
+                            ))}
+                        </div>
+                    }
                 </main>
             </LoadingWrapper>
             <Footer />
@@ -194,14 +225,6 @@ export const AgencyProfileV2 = ({
     );
 };
 
-const mapStateToProps = (state) => ({
-    agencyOverview: state.agency.overview,
-    agencyId: state.agency.id
-});
-
-const mapDispatchToProps = (dispatch) => ({
-    clearAgency: () => dispatch(resetAgency()),
-    setOverview: (agency) => dispatch(setAgencyOverview(agency))
-});
+AgencyProfileV2.propTypes = propTypes;
 
-export default connect(mapStateToProps, mapDispatchToProps)(AgencyProfileV2);
+export default AgencyProfileV2;
diff --git a/src/js/containers/agency/v2/accountSpending/CountTabContainer.jsx b/src/js/containers/agency/v2/accountSpending/CountTabContainer.jsx
index 14f7ddc1f8..33552744e3 100644
--- a/src/js/containers/agency/v2/accountSpending/CountTabContainer.jsx
+++ b/src/js/containers/agency/v2/accountSpending/CountTabContainer.jsx
@@ -5,7 +5,7 @@
 
 import React, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
-import { fetchSpendingCount } from 'helpers/agencyHelper';
+import { fetchSpendingCount } from 'helpers/agencyV2Helper';
 import CountTab from 'components/agency/v2/CountTab';
 
 const propTypes = {
@@ -45,6 +45,7 @@ const CountTabContainer = (props) => {
             subHeading={props.subHeading}
             setActiveTab={props.setActiveTab}
             active={props.active}
+            disabled={count === 0}
             type={props.type} />
     );
 };
diff --git a/src/js/containers/agency/v2/accountSpending/TableContainer.jsx b/src/js/containers/agency/v2/accountSpending/TableContainer.jsx
new file mode 100644
index 0000000000..5d22d4f463
--- /dev/null
+++ b/src/js/containers/agency/v2/accountSpending/TableContainer.jsx
@@ -0,0 +1,187 @@
+/**
+ * TableContainer.jsx
+ * Created by Lizzie Salita 5/22/20
+ */
+
+import React, { useState, useEffect, useCallback } from 'react';
+import PropTypes from 'prop-types';
+import { useSelector } from 'react-redux';
+import { Table, Pagination } from 'data-transparency-ui';
+import CSSTransitionGroup from 'react-transition-group/CSSTransitionGroup';
+import { accountColumns, accountFields } from 'dataMapping/agency/tableColumns';
+import { fetchSpendingByCategory } from 'helpers/agencyV2Helper';
+import BaseAccountSpendingRow from '../../../../models/v2/account/BaseAccountSpendingRow';
+import ResultsTableLoadingMessage from '../../../../components/search/table/ResultsTableLoadingMessage';
+import ResultsTableErrorMessage from '../../../../components/search/table/ResultsTableErrorMessage';
+
+
+const propTypes = {
+    // TODO - when the overview section is complete, get agency ID and FY from Redux
+    agencyId: PropTypes.string,
+    fy: PropTypes.string,
+    type: PropTypes.string.isRequired,
+    subHeading: PropTypes.string
+};
+
+const TableContainer = (props) => {
+    const [currentPage, changeCurrentPage] = useState(1);
+    const [pageSize, changePageSize] = useState(10);
+    const [totalItems, setTotalItems] = useState(0);
+    const [sort, setSort] = useState('obligatedAmount');
+    const [order, setOrder] = useState('desc');
+    const updateSort = (field, direction) => {
+        setSort(field);
+        setOrder(direction);
+    };
+    const [results, setResults] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(false);
+    // TODO - use totalObligation to calculate '% of Total Obligations' column value
+    const totalObligation = useSelector((state) => state.agencyV2.budgetaryResources._agencyTotalObligated);
+
+    const parseAccount = (data) => {
+        if (totalObligation) {
+            // add total obligation to each object and it's children objects
+            const dataAndTotalObligation = data.map((d) => {
+                let dataChildrenAndTotalObligation = [];
+                if (d.children && d.children.length > 0) {
+                    dataChildrenAndTotalObligation = d.children.map((child) => ({
+                        ...child,
+                        total_obligated_amount: totalObligation
+                    }));
+                }
+
+                if (dataChildrenAndTotalObligation.length > 0) {
+                    return {
+                        ...d,
+                        children: dataChildrenAndTotalObligation,
+                        total_obligated_amount: totalObligation
+                    };
+                }
+
+                return {
+                    ...d,
+                    total_obligated_amount: totalObligation
+                };
+            });
+
+            // parse row and row's children
+            const parsedData = dataAndTotalObligation.map((item) => {
+                const accountSpendingRow = Object.create(BaseAccountSpendingRow);
+                accountSpendingRow.populate(item);
+
+                let rowChildren = [];
+                if (item.children && item.children.length > 0) {
+                    rowChildren = item.children.map((childItem) => {
+                        const accountChildSpendingRow = Object.create(BaseAccountSpendingRow);
+                        accountChildSpendingRow.populate(childItem);
+                        return accountChildSpendingRow;
+                    });
+                }
+
+                if (rowChildren && rowChildren.length > 0) {
+                    Object.defineProperty(accountSpendingRow, "children", {
+                        value: rowChildren
+                    });
+                }
+
+                return accountSpendingRow;
+            });
+            setResults(parsedData);
+        }
+    };
+
+    const fetchSpendingByCategoryCallback = useCallback(() => {
+        setLoading(true);
+        // Make a request with the new page number
+        const params = {
+            fiscal_year: props.fy,
+            limit: pageSize,
+            page: currentPage,
+            sort: accountFields[sort],
+            order
+        };
+        const request = fetchSpendingByCategory(props.agencyId, props.type, params);
+        request.promise
+            .then((res) => {
+                parseAccount(res.data.results);
+                setTotalItems(res.data.page_metadata.total);
+                setLoading(false);
+                setError(false);
+            }).catch((err) => {
+                setError(true);
+                setLoading(false);
+                console.error(err);
+            });
+    });
+
+    useEffect(() => {
+        // Reset to the first page
+        changeCurrentPage(1);
+        fetchSpendingByCategoryCallback();
+    }, [props.type, props.fy, props.agencyId, pageSize, sort, order, totalObligation]);
+
+    useEffect(() => {
+        fetchSpendingByCategoryCallback();
+    }, [currentPage]);
+
+    let message = null;
+    if (loading) {
+        message = (
+            <div className="results-table-message-container">
+                <ResultsTableLoadingMessage />
+            </div>
+        );
+    } else if (error) {
+        message = (
+            <div className="results-table-message-container">
+                <ResultsTableErrorMessage />
+            </div>
+        );
+    }
+
+    if (message) {
+        return (
+            <>
+                <CSSTransitionGroup
+                    transitionName="table-message-fade"
+                    transitionLeaveTimeout={225}
+                    transitionEnterTimeout={195}
+                    transitionLeave>
+                    {message}
+                </CSSTransitionGroup>
+                <Pagination
+                    currentPage={currentPage}
+                    changePage={changeCurrentPage}
+                    changeLimit={changePageSize}
+                    limitSelector
+                    resultsText
+                    pageSize={pageSize}
+                    totalItems={totalItems} />
+            </>
+        );
+    }
+
+    return (
+        <>
+            <Table
+                expandable
+                rows={results}
+                columns={accountColumns[props.type]}
+                divider={props.subHeading}
+                currentSort={{ field: sort, direction: order }}
+                updateSort={updateSort} />
+            <Pagination
+                currentPage={currentPage}
+                changePage={changeCurrentPage}
+                changeLimit={changePageSize}
+                limitSelector
+                resultsText
+                pageSize={pageSize}
+                totalItems={totalItems} />
+        </>
+    );
+};
+
+TableContainer.propTypes = propTypes;
+export default TableContainer;
diff --git a/src/js/dataMapping/agency/tableColumns.js b/src/js/dataMapping/agency/tableColumns.js
new file mode 100644
index 0000000000..c7fa3a8832
--- /dev/null
+++ b/src/js/dataMapping/agency/tableColumns.js
@@ -0,0 +1,81 @@
+export const accountColumns = {
+    budget_function: [
+        {
+            title: 'name',
+            displayName: 'Budget Function'
+        },
+        {
+            title: 'obligatedAmount',
+            displayName: 'Obligated Amount'
+        },
+        {
+            title: 'percentOfTotalObligations',
+            displayName: '% of Total Obligations'
+        },
+        {
+            title: 'grossOutlayAmount',
+            displayName: 'Gross Outlay Amount'
+        }
+    ],
+    program_activity: [
+        {
+            title: 'name',
+            displayName: 'Program Activity'
+        },
+        {
+            title: 'obligatedAmount',
+            displayName: 'Obligated Amount'
+        },
+        {
+            title: 'percentOfTotalObligations',
+            displayName: '% of Total Obligations'
+        },
+        {
+            title: 'grossOutlayAmount',
+            displayName: 'Gross Outlay Amount'
+        }
+    ],
+    object_class: [
+        {
+            title: 'name',
+            displayName: 'Object Class'
+        },
+        {
+            title: 'obligatedAmount',
+            displayName: 'Obligated Amount'
+        },
+        {
+            title: 'percentOfTotalObligations',
+            displayName: '% of Total Obligations'
+        },
+        {
+            title: 'grossOutlayAmount',
+            displayName: 'Gross Outlay Amount'
+        }
+    ],
+    federal_account: [
+        {
+            title: 'name',
+            displayName: 'Federal Account'
+        },
+        {
+            title: 'obligatedAmount',
+            displayName: 'Obligated Amount'
+        },
+        {
+            title: 'percentOfTotalObligations',
+            displayName: '% of Total Obligations'
+        },
+        {
+            title: 'grossOutlayAmount',
+            displayName: 'Gross Outlay Amount'
+        }
+    ]
+};
+
+export const accountFields = {
+    name: 'name',
+    grossOutlayAmount: 'gross_outlay_amount',
+    obligatedAmount: 'obligated_amount',
+    percentOfTotalObligations: 'obligated_amount'
+};
diff --git a/src/js/helpers/agencyHelper.js b/src/js/helpers/agencyHelper.js
index 946ded478e..35473e156a 100644
--- a/src/js/helpers/agencyHelper.js
+++ b/src/js/helpers/agencyHelper.js
@@ -38,10 +38,3 @@ export const fetchAgencyObligatedAmounts = (params) => apiRequest({
     url: `v2/financial_balances/agencies/`,
     params
 });
-
-export const fetchSpendingCount = (agencyId, fy, type) => apiRequest({
-    url: `v2/agency/${agencyId}/${type}/count/`,
-    params: {
-        fiscal_year: parseInt(fy, 10)
-    }
-});
diff --git a/src/js/helpers/agencyV2Helper.js b/src/js/helpers/agencyV2Helper.js
new file mode 100644
index 0000000000..d8b996ea7b
--- /dev/null
+++ b/src/js/helpers/agencyV2Helper.js
@@ -0,0 +1,22 @@
+/**
+ * agencyHelper.js
+ * Created by Lizzie Salita 5/26/20
+ */
+
+import { apiRequest } from './apiRequest';
+
+export const fetchSpendingCount = (agencyId, fy, type) => apiRequest({
+    url: `v2/agency/${agencyId}/${type}/count/`,
+    params: {
+        fiscal_year: parseInt(fy, 10)
+    }
+});
+
+export const fetchSpendingByCategory = (agencyId, type, params) => apiRequest({
+    url: `v2/agency/${agencyId}/${type}/`,
+    params
+});
+
+export const fetchBudgetaryResources = (agencyId) => apiRequest({
+    url: `v2/agency/${agencyId}/budgetary_resources/`
+});
diff --git a/src/js/models/v2/account/BaseAccountSpendingRow.js b/src/js/models/v2/account/BaseAccountSpendingRow.js
new file mode 100644
index 0000000000..3be95a327d
--- /dev/null
+++ b/src/js/models/v2/account/BaseAccountSpendingRow.js
@@ -0,0 +1,33 @@
+/**
+ * BaseAccountSpendingRow.js
+ * Created by James Lee 5/27/20
+ */
+
+import { formatMoney } from 'helpers/moneyFormatter';
+import { generatePercentage } from '../../../helpers/awardAmountHelper';
+
+const BaseAccountSpendingRow = {
+    populate(data) {
+        this.name = data.name || '';
+        this._grossOutlayAmount = data.gross_outlay_amount || 0;
+        this._obligatedAmount = data.obligated_amount || 0;
+        this._totalObligatedAmount = data.total_obligated_amount || 0;
+    },
+    get grossOutlayAmount() {
+        return formatMoney(this._grossOutlayAmount);
+    },
+    get obligatedAmount() {
+        return formatMoney(this._obligatedAmount);
+    },
+    get percentOfTotalObligations() {
+        if (this._totalObligatedAmount > 0) {
+            const percentage = generatePercentage(this._obligatedAmount / this._totalObligatedAmount);
+            if (percentage === '0.00%') return 'Less than 0.01%';
+            if (percentage === '-0.00%') return 'Less than -0.01%';
+            return percentage;
+        }
+        return '0.00%';
+    }
+};
+
+export default BaseAccountSpendingRow;
diff --git a/src/js/models/v2/agency/BaseAgencyBudgetaryResources.js b/src/js/models/v2/agency/BaseAgencyBudgetaryResources.js
new file mode 100644
index 0000000000..27139bb050
--- /dev/null
+++ b/src/js/models/v2/agency/BaseAgencyBudgetaryResources.js
@@ -0,0 +1,21 @@
+/**
+ * BaseAgencyBudgetaryResources.js
+ * Created by Lizzie Salita 5/26/20
+ */
+
+import * as MoneyFormatter from 'helpers/moneyFormatter';
+
+const BaseAgencyBudgetaryResources = {
+    populate(data) {
+        this._agencyTotalObligated = data.agency_total_obligated || 0;
+    },
+    get agencyTotalObligated() {
+        if (this._agencyTotalObligated >= MoneyFormatter.unitValues.MILLION) {
+            const units = MoneyFormatter.calculateUnitForSingleValue(this._agencyTotalObligated);
+            return `${MoneyFormatter.formatMoneyWithPrecision(this._agencyTotalObligated / units.unit, 1)} ${units.longLabel}`;
+        }
+        return MoneyFormatter.formatMoneyWithPrecision(this._agencyTotalObligated, 0);
+    }
+};
+
+export default BaseAgencyBudgetaryResources;
diff --git a/src/js/redux/actions/agencyV2/agencyV2Actions.js b/src/js/redux/actions/agencyV2/agencyV2Actions.js
new file mode 100644
index 0000000000..ce1809f278
--- /dev/null
+++ b/src/js/redux/actions/agencyV2/agencyV2Actions.js
@@ -0,0 +1,13 @@
+/**
+ * agencyV2Actions.js
+ * Created by Lizzie Salita 5/26/20
+ */
+
+export const setBudgetaryResources = (budgetaryResources) => ({
+    type: 'SET_BUDGETARY_RESOURCES',
+    budgetaryResources
+});
+
+export const resetAgency = () => ({
+    type: 'RESET_AGENCY'
+});
diff --git a/src/js/redux/reducers/agencyV2/agencyV2Reducer.js b/src/js/redux/reducers/agencyV2/agencyV2Reducer.js
new file mode 100644
index 0000000000..9aef198582
--- /dev/null
+++ b/src/js/redux/reducers/agencyV2/agencyV2Reducer.js
@@ -0,0 +1,28 @@
+/**
+ * agencyReducer.js
+ * Created by Lizzie Salita 5/26/20
+ */
+
+import BaseAgencyBudgetaryResources from 'models/v2/agency/BaseAgencyBudgetaryResources';
+
+// Create an empty budgetary resources object for the initial state
+const budgetaryResources = Object.create(BaseAgencyBudgetaryResources);
+
+export const initialState = {
+    budgetaryResources
+};
+
+const agencyReducer = (state = initialState, action) => {
+    switch (action.type) {
+        case 'SET_BUDGETARY_RESOURCES':
+            return Object.assign({}, state, {
+                budgetaryResources: action.budgetaryResources
+            });
+        case 'RESET_AGENCY':
+            return Object.assign({}, initialState);
+        default:
+            return state;
+    }
+};
+
+export default agencyReducer;
diff --git a/src/js/redux/reducers/index.js b/src/js/redux/reducers/index.js
index 82d275603f..4f596c8db7 100644
--- a/src/js/redux/reducers/index.js
+++ b/src/js/redux/reducers/index.js
@@ -24,6 +24,7 @@ import naicsReducer from './search/naicsReducer';
 import tasReducer from './search/tasReducer';
 import pscReducer from './search/pscReducer';
 import mapLegendToggleReducer from './search/mapLegendToggleReducer';
+import agencyV2Reducer from './agencyV2/agencyV2Reducer';
 
 const appReducer = combineReducers({
     filters: filtersReducer,
@@ -48,7 +49,8 @@ const appReducer = combineReducers({
     naics: naicsReducer,
     tas: tasReducer,
     psc: pscReducer,
-    searchMapLegendToggle: mapLegendToggleReducer
+    searchMapLegendToggle: mapLegendToggleReducer,
+    agencyV2: agencyV2Reducer
 });
 
 export default appReducer;
diff --git a/tests/containers/agency/v2/AgencyContainerV2-test.jsx b/tests/containers/agency/v2/AgencyContainerV2-test.jsx
deleted file mode 100644
index 3eca4cfaed..0000000000
--- a/tests/containers/agency/v2/AgencyContainerV2-test.jsx
+++ /dev/null
@@ -1,23 +0,0 @@
-/**
- * AgencyContainer-test.jsx
- * Created by Kevin Li 6/15/17
- */
-
-import React from 'react';
-import { shallow } from 'enzyme';
-
-import { AgencyProfileV2 } from 'containers/agency/v2/AgencyContainerV2';
-
-const defaultProps = {
-    params: { agencyId: '123' },
-    agencyOverview: {
-        name: 'test'
-    }
-};
-
-describe('AgencyContainer', () => {
-    it('should make an API call for the selected agency on mount', () => {
-        const component = shallow(<AgencyProfileV2 {...defaultProps} />);
-        expect(component.exists()).toBe(true);
-    });
-});
diff --git a/tests/models/account/BaseAccountSpendingRow-test.js b/tests/models/account/BaseAccountSpendingRow-test.js
new file mode 100644
index 0000000000..8ec0793cf0
--- /dev/null
+++ b/tests/models/account/BaseAccountSpendingRow-test.js
@@ -0,0 +1,50 @@
+import BaseAccountSpendingRow from 'models/v2/account/BaseAccountSpendingRow';
+
+export const mockAccountSpendingRow = {
+    name: "Net Interest",
+    children: [
+        {
+            name: "Interest on Treasury debt securities (gross)",
+            obligated_amount: 269452391857.85,
+            gross_outlay_amount: 269452391857.85,
+            total_obligated_amount: 999999999999.99
+        },
+        {
+            name: "Other interest",
+            obligated_amount: 6298412029.12,
+            gross_outlay_amount: 3415362152.38,
+            total_obligated_amount: 999999999999.99
+        }
+    ],
+    obligated_amount: 275750803886.97,
+    gross_outlay_amount: 272867754010.23,
+    total_obligated_amount: 999999999999.99
+};
+
+
+const accountSpendingRow = Object.create(BaseAccountSpendingRow);
+accountSpendingRow.populate(mockAccountSpendingRow);
+
+describe('BaseAccountSpendingRow', () => {
+    it('should store the raw obligated amount', () => {
+        expect(accountSpendingRow._obligatedAmount).toEqual(275750803886.97);
+    });
+    it('should store the raw gross outlay amount', () => {
+        expect(accountSpendingRow._grossOutlayAmount).toEqual(272867754010.23);
+    });
+    it('should store the raw total obligated amount', () => {
+        expect(accountSpendingRow._totalObligatedAmount).toEqual(999999999999.99);
+    });
+    it('should store the name', () => {
+        expect(accountSpendingRow.name).toEqual('Net Interest');
+    });
+    it('should store the formatted gross outlay amount', () => {
+        expect(accountSpendingRow.grossOutlayAmount).toEqual('$272,867,754,010');
+    });
+    it('should store the formatted obligated amount', () => {
+        expect(accountSpendingRow.obligatedAmount).toEqual('$275,750,803,887');
+    });
+    it('should store the formatted percent of total obligations', () => {
+        expect(accountSpendingRow.percentOfTotalObligations).toEqual('27.58%');
+    });
+});
diff --git a/tests/models/agency/BaseAgencyBudgetaryResources-test.js b/tests/models/agency/BaseAgencyBudgetaryResources-test.js
new file mode 100644
index 0000000000..e6c8ca319f
--- /dev/null
+++ b/tests/models/agency/BaseAgencyBudgetaryResources-test.js
@@ -0,0 +1,33 @@
+import BaseAgencyBudgetaryResources from 'models/v2/agency/BaseAgencyBudgetaryResources';
+
+export const mockBudgetaryResources = {
+    fiscal_year: 2020,
+    toptier_code: '020',
+    agency_budgetary_resources: 2672513718.5,
+    prior_year_agency_budgetary_resources: 1444608434.93,
+    total_federal_budgetary_resources: 9662634317.75,
+    agency_total_obligated: 580584099.03,
+    agency_obligation_by_period: [
+        {
+            period: 3,
+            obligated: 227170135.3
+        },
+        {
+            period: 6,
+            obligated: 580584099.03
+        }
+    ],
+    messages: []
+};
+
+const budgetaryResources = Object.create(BaseAgencyBudgetaryResources);
+budgetaryResources.populate(mockBudgetaryResources);
+
+describe('BaseAgencyBudgetaryResources', () => {
+    it('should store the raw agency obligated amount', () => {
+        expect(budgetaryResources._agencyTotalObligated).toEqual(580584099.03);
+    });
+    it('should store the formatted agency obligated amount', () => {
+        expect(budgetaryResources.agencyTotalObligated).toEqual('$580.6 million');
+    });
+});
diff --git a/tests/redux/reducers/agencyV2/agencyV2Reducer-test.js b/tests/redux/reducers/agencyV2/agencyV2Reducer-test.js
new file mode 100644
index 0000000000..344102fe92
--- /dev/null
+++ b/tests/redux/reducers/agencyV2/agencyV2Reducer-test.js
@@ -0,0 +1,44 @@
+/**
+ * agencyV2Reducer-test.js
+ * Created by Lizzie Salita 5/26/20
+ */
+
+import BaseAgencyBudgetaryResources from 'models/v2/agency/BaseAgencyBudgetaryResources';
+import agencyReducer, { initialState } from 'redux/reducers/agencyV2/agencyV2Reducer';
+import { mockBudgetaryResources } from '../../../models/agency/BaseAgencyBudgetaryResources-test';
+
+const budgetaryResources = Object.create(BaseAgencyBudgetaryResources);
+budgetaryResources.populate(mockBudgetaryResources);
+
+describe('agencyReducer', () => {
+    describe('SET_BUDGETARY_RESOURCES', () => {
+        it('should set the agency overview to the provided value', () => {
+            let state = agencyReducer(undefined, {});
+
+            const action = {
+                type: 'SET_BUDGETARY_RESOURCES',
+                budgetaryResources
+            };
+
+            state = agencyReducer(state, action);
+
+            expect(Object.getPrototypeOf(state.budgetaryResources)).toEqual(BaseAgencyBudgetaryResources);
+            expect(state.budgetaryResources._agencyTotalObligated).toEqual(580584099.03);
+        });
+    });
+
+    describe('RESET_AGENCY', () => {
+        it('should reset the agency to its initial state', () => {
+            let state = agencyReducer(undefined, {
+                budgetaryResources
+            });
+
+            const action = {
+                type: 'RESET_AGENCY'
+            };
+            state = agencyReducer(state, action);
+
+            expect(state).toEqual(initialState);
+        });
+    });
+});