diff --git a/hledger-web/Handler/Common.hs b/hledger-web/Handler/Common.hs
index 688fcb312..f965efd08 100644
--- a/hledger-web/Handler/Common.hs
+++ b/hledger-web/Handler/Common.hs
@@ -192,13 +192,13 @@ balanceReportAsHtml _ vd@VD{..} (items',total) =
    itemAsHtml :: ViewData -> BalanceReportItem -> HtmlUrl AppRoute
    itemAsHtml _ (acct, adisplay, aindent, abal) = [hamlet|
 <tr>
- <td>
+ <td .acct>
   <div .ff-wrapper>
    \#{indent}
    <a href="@?{acctquery}" .#{inacctclass} title="Show transactions affecting this account and subaccounts">#{adisplay}
    $if hassubs
     <a href="@?{acctonlyquery}" .only .hidden-sm .hidden-xs title="Show transactions affecting this account but not subaccounts">only
- <td>
+ <td .amnt>
   #{mixedAmountAsHtml abal}
 |]
      where
diff --git a/hledger-web/static/hledger.css b/hledger-web/static/hledger.css
index b6fbb45a4..aff7234b7 100644
--- a/hledger-web/static/hledger.css
+++ b/hledger-web/static/hledger.css
@@ -121,14 +121,9 @@ ul {
     overflow: hidden;
     white-space:nowrap;
     text-overflow:ellipsis;
-    max-width:200px;
     font-size: 16px;
 }
-@media(max-width:992px){
-    #sidebar-menu .main-menu td {
-        max-width: 150px;
-    }
-}
+
 #sidebar-menu .main-menu .ff-wrapper { /* This wrapper is needed because firefox won't apply overflow to a td-tag */
     overflow:hidden;
     text-overflow:ellipsis;
@@ -185,6 +180,15 @@ ul {
     overflow-x:auto;
 }
 
+#sidebar-menu .main-menu .acct {
+    width:80%;
+    vertical-align:bottom;
+}
+
+#sidebar-menu .main-menu .amnt {
+    width:20%;
+}
+
 .transactionsreport .nonhead {
     border: none !important;
 }