diff --git a/client/homebrew/pages/archivePage/archivePage.jsx b/client/homebrew/pages/archivePage/archivePage.jsx
index b2279a8fa..aae1b6631 100644
--- a/client/homebrew/pages/archivePage/archivePage.jsx
+++ b/client/homebrew/pages/archivePage/archivePage.jsx
@@ -16,182 +16,186 @@ const BrewItem      = require('../basePages/listPage/brewItem/brewItem.jsx');
 const request = require('superagent');
 
 const ArchivePage = createClass({
-  displayName: 'ArchivePage',
-  getDefaultProps: function () {
-    return {};
-  },
-  getInitialState: function () {
-    return {
-      title      : this.props.query.title || '',
-      brewCollection : null,
-      page       : 1,
-      totalPages : 1,
-      searching  : false,
-      error      : null,
-    };
-  },
-  componentDidMount : function() {
+	displayName     : 'ArchivePage',
+	getDefaultProps : function () {
+		return {};
+	},
+	getInitialState : function () {
+		return {
+			title          : this.props.query.title || '',
+			brewCollection : null,
+			page           : 1,
+			totalPages     : 1,
+			searching      : false,
+			error          : null,
+		};
+	},
+	componentDidMount : function() {
 
-  },
-  handleChange(e) {
-    this.setState({ title: e.target.value });
-  },
+	},
+	handleChange(e) {
+		this.setState({ title: e.target.value });
+	},
 
-  updateStateWithBrews : (brews, page, totalPages) => {
-    this.setState({
-      brewCollection: brews,
-      page: page,
-      totalPages: totalPages,
-      searching: false
-    });
-  },
-  loadPage: async function(page) {
-    if(this.state.title == '') {} else {
+	updateStateWithBrews : (brews, page, totalPages)=>{
+		this.setState({
+			brewCollection : brews,
+			page           : page,
+			totalPages     : totalPages,
+			searching      : false
+		});
+	},
+	loadPage : async function(page) {
+		if(this.state.title == '') {} else {
 
-      try {
-        //this.updateUrl();
-        this.setState({ searching: true, error: null });
-        const title = encodeURIComponent(this.state.title);
-        const response = await fetch(`/archive?title=${title}&page=${page}`);
-
-  
-        if (response.ok) {
-          const res = await response.json();
-          this.updateStateWithBrews(res.brews, page, res.totalPages);
-        }
-
-      } catch (error) {
-        console.log("LoadPage error: " + error);
-      }
-    }
-  },
-  updateUrl: function() {
-    const url = new URL(window.location.href);
-    const urlParams = new URLSearchParams(url.search);
-  
-    // Set the title and page parameters
-    urlParams.set('title', this.state.title);
-    urlParams.set('page', this.state.page);
-  
-    url.search = urlParams.toString(); // Convert URLSearchParams to string
-    window.history.replaceState(null, null, url);
-  },
-  
-  renderFoundBrews() {
-    const { title, brewCollection, page, totalPages, error } = this.state;
-
-    if (title === '') {return (<div className="foundBrews noBrews"><h3>Whenever you want, just start typing...</h3></div>);}
-
-    if (error !== null) { return (
-        <div className="foundBrews noBrews">
-          <div><h3>I'm sorry, your request didn't work</h3>
-            <br /><p>Your search is not specific enough. Too many brews meet this criteria for us to display them.</p>
-          </div></div>
-    );}
-
-    if (!brewCollection || brewCollection.length === 0) { return (
-        <div className="foundBrews noBrews">
-          <h3>We haven't found brews meeting your request.</h3>
-        </div>
-      );}
-
-    return (
-      <div className="foundBrews">
-        <span className="brewCount">{`Brews Found: ${brewCollection.length}`}</span>
-
-        {brewCollection.map((brew, index) => (
-          <BrewItem brew={brew} key={index} reportError={this.props.reportError} />
-        ))}
-        <div className="paginationControls">
-          {page > 1 && (
-            <button onClick={() => this.loadPage(page - 1)}>Previous Page</button>
-          )}
-          <span className="currentPage">Page {page}</span>
-          {page < totalPages && (
-            <button onClick={() => this.loadPage(page + 1)}>Next Page</button>
-          )}
-        </div>
-      </div>
-    );
-  },
+			try {
+				//this.updateUrl();
+				this.setState({ searching: true, error: null });
+				const title = encodeURIComponent(this.state.title);
+				const response = await fetch(`/archive?title=${title}&page=${page}`);
 
 
-  renderForm: function () {
-    return (
-      <div className='brewLookup'>
-        <h2>Brew Lookup</h2>
-        <label>Title of the brew</label>
-        <input
-          type='text'
-          value={this.state.title}
-          onChange={this.handleChange}
-          onKeyDown={(e) => {
-            if (e.key === 'Enter') {
-              this.handleChange(e);
-              this.loadPage(1);
-            }
-          }}
-          placeholder='v3 Reference Document'
-        />
-        {/* In the future, we should be able to filter the results by adding tags.
+				if(response.ok) {
+					const res = await response.json();
+					this.updateStateWithBrews(res.brews, page, res.totalPages);
+				}
+
+			} catch (error) {
+				console.log(`LoadPage error: ${error}`);
+			}
+		}
+	},
+	updateUrl : function() {
+		const url = new URL(window.location.href);
+		const urlParams = new URLSearchParams(url.search);
+
+		// Set the title and page parameters
+		urlParams.set('title', this.state.title);
+		urlParams.set('page', this.state.page);
+
+		url.search = urlParams.toString(); // Convert URLSearchParams to string
+		window.history.replaceState(null, null, url);
+	},
+
+	renderFoundBrews() {
+		const { title, brewCollection, page, totalPages, error } = this.state;
+
+		if(title === '') {return (<div className='foundBrews noBrews'><h3>Whenever you want, just start typing...</h3></div>);}
+
+		if(error !== null) {
+			return (
+				<div className='foundBrews noBrews'>
+					<div><h3>I'm sorry, your request didn't work</h3>
+						<br /><p>Your search is not specific enough. Too many brews meet this criteria for us to display them.</p>
+					</div></div>
+			);
+		}
+
+		if(!brewCollection || brewCollection.length === 0) {
+			return (
+				<div className='foundBrews noBrews'>
+					<h3>We haven't found brews meeting your request.</h3>
+				</div>
+			);
+		}
+
+		return (
+			<div className='foundBrews'>
+				<span className='brewCount'>{`Brews Found: ${brewCollection.length}`}</span>
+
+				{brewCollection.map((brew, index)=>(
+					<BrewItem brew={brew} key={index} reportError={this.props.reportError} />
+				))}
+				<div className='paginationControls'>
+					{page > 1 && (
+						<button onClick={()=>this.loadPage(page - 1)}>Previous Page</button>
+					)}
+					<span className='currentPage'>Page {page}</span>
+					{page < totalPages && (
+						<button onClick={()=>this.loadPage(page + 1)}>Next Page</button>
+					)}
+				</div>
+			</div>
+		);
+	},
+
+
+	renderForm : function () {
+		return (
+			<div className='brewLookup'>
+				<h2>Brew Lookup</h2>
+				<label>Title of the brew</label>
+				<input
+					type='text'
+					value={this.state.title}
+					onChange={this.handleChange}
+					onKeyDown={(e)=>{
+						if(e.key === 'Enter') {
+							this.handleChange(e);
+							this.loadPage(1);
+						}
+					}}
+					placeholder='v3 Reference Document'
+				/>
+				{/* In the future, we should be able to filter the results by adding tags.
             <label>Tags</label><input type='text' value={this.state.query} placeholder='add a tag to filter'/>
             <input type="checkbox" id="v3" /><label>v3 only</label>
             */}
-            
-            <button onClick={() => { this.handleChange({ target: { value: this.state.title } }); this.loadPage(1); }}>
-          <i
-            className={cx('fas', {
-              'fa-search': !this.state.searching,
-              'fa-spin fa-spinner': this.state.searching,
-            })}
-          />
-        </button>
-      </div>
-    );
-  },
 
-  
+				<button onClick={()=>{ this.handleChange({ target: { value: this.state.title } }); this.loadPage(1); }}>
+					<i
+						className={cx('fas', {
+							'fa-search'          : !this.state.searching,
+							'fa-spin fa-spinner' : this.state.searching,
+						})}
+					/>
+				</button>
+			</div>
+		);
+	},
 
-  renderNavItems: function () {
-    return (
-      <Navbar>
-        <Nav.section>
+
+
+	renderNavItems : function () {
+		return (
+			<Navbar>
+				<Nav.section>
 					<Nav.item className='brewTitle'>Archive: Search for brews</Nav.item>
 				</Nav.section>
-        <Nav.section>
-          <NewBrew />
-          <HelpNavItem />
-          <RecentNavItem />
-          <Account />
-        </Nav.section>
-      </Navbar>
-    );
-  },
+				<Nav.section>
+					<NewBrew />
+					<HelpNavItem />
+					<RecentNavItem />
+					<Account />
+				</Nav.section>
+			</Navbar>
+		);
+	},
 
-  render: function () {
-    return (
-      <div className='archivePage'>
-        <link href='/themes/V3/Blank/style.css' rel='stylesheet'/>
+	render : function () {
+		return (
+			<div className='archivePage'>
+				<link href='/themes/V3/Blank/style.css' rel='stylesheet'/>
 			  <link href='/themes/V3/5ePHB/style.css' rel='stylesheet'/>
-        {this.renderNavItems()}
+				{this.renderNavItems()}
 
-        <div className='content'>
-          <div className='welcome'>
-            <h1>Welcome to the Archive</h1>
-          </div>
-          <div className='flexGroup'>
-            <div className='form dataGroup'>{this.renderForm()}</div>
-            <div className='resultsContainer dataGroup'>
-              <div className='title'>
-                <h2>Your results, my lordship</h2>
-              </div>
-              {this.renderFoundBrews()}
-            </div>
-          </div>
-        </div>
-      </div>
-    );
-  },
+				<div className='content'>
+					<div className='welcome'>
+						<h1>Welcome to the Archive</h1>
+					</div>
+					<div className='flexGroup'>
+						<div className='form dataGroup'>{this.renderForm()}</div>
+						<div className='resultsContainer dataGroup'>
+							<div className='title'>
+								<h2>Your results, my lordship</h2>
+							</div>
+							{this.renderFoundBrews()}
+						</div>
+					</div>
+				</div>
+			</div>
+		);
+	},
 });
 
 module.exports = ArchivePage;
diff --git a/server/archive.api.js b/server/archive.api.js
index 4166bf80a..d959b27b8 100644
--- a/server/archive.api.js
+++ b/server/archive.api.js
@@ -3,49 +3,49 @@ const router = require('express').Router();
 const asyncHandler = require('express-async-handler');
 
 const archive = {
-    archiveApi: router,
-    /* Searches for matching title, also attempts to partial match */
-    findBrews: async (req, res, next) => {
-        try {
-            const title = req.query.title || '';
-            const page = parseInt(req.query.page) || 1;
-            console.log('try:',page);
-            const pageSize = 10; // Set a default page size
-            const skip = (page - 1) * pageSize;
+	archiveApi : router,
+	/* Searches for matching title, also attempts to partial match */
+	findBrews  : async (req, res, next)=>{
+		try {
+			const title = req.query.title || '';
+			const page = parseInt(req.query.page) || 1;
+			console.log('try:', page);
+			const pageSize = 10; // Set a default page size
+			const skip = (page - 1) * pageSize;
 
-            const titleQuery = {
-                title: { $regex: decodeURIComponent(title), $options: 'i' },
-                published: true
-            };
+			const titleQuery = {
+				title     : { $regex: decodeURIComponent(title), $options: 'i' },
+				published : true
+			};
 
-            const projection = {
-                editId: 0,
-                googleId: 0,
-                text: 0,
-                textBin: 0,
-            };
+			const projection = {
+				editId   : 0,
+				googleId : 0,
+				text     : 0,
+				textBin  : 0,
+			};
 
-            const brews = await HomebrewModel.find(titleQuery, projection)
+			const brews = await HomebrewModel.find(titleQuery, projection)
                 .skip(skip)
                 .limit(pageSize)
                 .maxTimeMS(5000)
                 .exec();
 
-            if (!brews || brews.length === 0) {
-                // No published documents found with the given title
-                return res.status(404).json({ error: 'Published documents not found' });
-            }
+			if(!brews || brews.length === 0) {
+				// No published documents found with the given title
+				return res.status(404).json({ error: 'Published documents not found' });
+			}
 
-            const totalDocuments = await HomebrewModel.countDocuments(title);
+			const totalDocuments = await HomebrewModel.countDocuments(title);
 
-            const totalPages = Math.ceil(totalDocuments / pageSize);
+			const totalPages = Math.ceil(totalDocuments / pageSize);
 
-            return res.json({ brews, page, totalPages});
-        } catch (error) {
-            console.error(error);
-            return res.status(500).json({ error: 'Internal Server Error' });
-        }
-    }
+			return res.json({ brews, page, totalPages });
+		} catch (error) {
+			console.error(error);
+			return res.status(500).json({ error: 'Internal Server Error' });
+		}
+	}
 };
 
 router.get('/archive', asyncHandler(archive.findBrews));