diff --git a/public/styles/shared.css b/public/styles/shared.css
index ef49a9a..216773c 100644
--- a/public/styles/shared.css
+++ b/public/styles/shared.css
@@ -307,6 +307,10 @@ pre {
 	display: none;
 }
 
+.centered.mobile {
+	text-align: initial;
+}
+
 @media screen and (max-width: 480px) {
 	.show.mobile {
 		display: block;
@@ -325,3 +329,7 @@ pre {
 	padding-top: .25em;
 	padding-bottom: .25em;
 }
+
+.alwaysCentered {
+	text-align: center !important;
+}
\ No newline at end of file
diff --git a/src/components/panels/equipment.jsx b/src/components/panels/equipment.jsx
index f4a34b3..e8fcd13 100644
--- a/src/components/panels/equipment.jsx
+++ b/src/components/panels/equipment.jsx
@@ -36,8 +36,8 @@ class Equipment extends React.Component {
 						<p className='col centered truncate'>Name</p>
 						<p className='col centered truncate'>Type</p>
 						<p className='col centered truncate'>Owned</p>
-						<p className='col centered truncate mobile hide'>Buy</p>
-						<p className='col centered truncate mobile hide'>Sell</p>
+						<p className='col centered truncate mobile hide alwaysCentered'>Buy</p>
+						<p className='col centered truncate mobile hide alwaysCentered'>Sell</p>
 					</div>
 
 					<hr className='mobile show' />