CSS fix

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;
+}

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' />