diff --git a/frontend/src/pages/ApartmentPage.tsx b/frontend/src/pages/ApartmentPage.tsx
index ed9e7607..6116483e 100644
--- a/frontend/src/pages/ApartmentPage.tsx
+++ b/frontend/src/pages/ApartmentPage.tsx
@@ -340,7 +340,7 @@ const ApartmentPage = ({ user, setUser }: Props): ReactElement => {
const Header = (
<>
-
+
Reviews ({reviewData.length})
{reviewData.length === 0 && (
@@ -362,6 +362,18 @@ const ApartmentPage = ({ user, setUser }: Props): ReactElement => {
)}
+
+
+
+
{landlordData && landlordData.photos.length > 0 && (
@@ -377,42 +389,8 @@ const ApartmentPage = ({ user, setUser }: Props): ReactElement => {
-
-
-
-
-
-
- Sort by:
-
-
- {
- setSortBy('date');
- },
- },
- {
- item: 'Helpful',
- callback: () => {
- setSortBy('likes');
- },
- },
- ]}
- />
-
-
-
+
+
@@ -535,7 +513,7 @@ const ApartmentPage = ({ user, setUser }: Props): ReactElement => {
>
);
const InfoSection = landlordData && (
-
+
{
-
+
{isMobile ? MobileHeader : Header}
{!isMobile && {InfoSection}}
{showConfirmation && (
@@ -583,51 +561,76 @@ const ApartmentPage = ({ user, setUser }: Props): ReactElement => {
time={toastTime}
/>
)}
-
- {sortReviews(reviewData, sortBy)
- .slice(0, resultsToShow)
- .map((review, index) => (
-
-
+
+
+ {!isMobile && (
+
+
+ Sort by:
+
+
+ {
+ setSortBy('date');
+ },
+ },
+ {
+ item: 'Helpful',
+ callback: () => {
+ setSortBy('likes');
+ },
+ },
+ ]}
+ />
+
- ))}
-
-
- {isMobile && reviewData.length > resultsToShow && (
-
-
-
+ )}
+ {/* Rest of your Review List content */}
+
+ {sortReviews(reviewData, sortBy)
+ .slice(0, resultsToShow)
+ .map((review, index) => (
+
+
+
+ ))}
-
-
+
+
+ {/* Second Grid item (InfoSection) */}
+ {isMobile && (
+
+
+ {InfoSection}
+
+
+ )}
+
+
+ {InfoSection}
-
- )}
+
+
- {isMobile && {InfoSection}}
- {InfoSection}
{Modals}