diff --git a/core/css/styles.css b/core/css/styles.css
index 0d3b182ea41..08ffaa72e10 100644
--- a/core/css/styles.css
+++ b/core/css/styles.css
@@ -742,6 +742,10 @@ code { font-family:"Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono
 }
 #quotatext {padding:.6em 1em;}
 
+#quota div.quota-warning {
+	background-color: #fc4;
+}
+
 .pager { list-style:none; float:right; display:inline; margin:.7em 13em 0 0; }
 .pager li { display:inline-block; }
 
diff --git a/settings/templates/personal.php b/settings/templates/personal.php
index 33534e59f19..c1fb20dce05 100644
--- a/settings/templates/personal.php
+++ b/settings/templates/personal.php
@@ -34,8 +34,8 @@
 
 
 <div id="quota" class="section">
-	<div style="width:<?php p($_['usage_relative']);?>%;
-		<?php if($_['usage_relative'] > 80): ?>background-color:#fc4;<?php endif; ?>">
+	<div style="width:<?php p($_['usage_relative']);?>%"
+		<?php if($_['usage_relative'] > 80): ?> class="quota-warning" <?php endif; ?>>
 		<p id="quotatext">
 			<?php print_unescaped($l->t('You have used <strong>%s</strong> of the available <strong>%s</strong>',
 			array($_['usage'], $_['total_space'])));?>