diff --git a/codepot/src/codepot/views/code_diff.php b/codepot/src/codepot/views/code_diff.php
index bdbb02c1..bc950f29 100644
--- a/codepot/src/codepot/views/code_diff.php
+++ b/codepot/src/codepot/views/code_diff.php
@@ -428,7 +428,7 @@ $this->load->view (
 	}
 	print '</span>';
 
-	print '<code class="codepot-line-numbered-code prettyprint lang-{$fileext}">';
+	print '<code id="code_diff_old_code_block" class="codepot-line-numbered-code prettyprint lang-{$fileext}">';
 	$actual_line_no = 1;
 	foreach ($file['content'] as $x)
 	{
@@ -527,7 +527,7 @@ $this->load->view (
 	}
 	print '</span>';
 
-	print '<code class="codepot-line-numbered-code prettyprint lang-{$fileext}" class="codepot-line-numbered-code">';
+	print '<code id="code_diff_new_code_block" class="codepot-line-numbered-code prettyprint lang-{$fileext}" class="codepot-line-numbered-code">';
 	$actual_line_no = 1;
 	foreach ($file['content'] as $x)
 	{
diff --git a/codepot/src/css/code.css b/codepot/src/css/code.css
index 9cca8c10..70d14322 100644
--- a/codepot/src/css/code.css
+++ b/codepot/src/css/code.css
@@ -520,6 +520,15 @@
 	background-color: black;
 }
 
+#code_diff_old_code_block,
+#code_diff_new_code_block {
+	/* in google-chrome, i can't align tabs properly with a different tab size in this view. 
+	 * tabs in this view are shown in spans unlike the main code view */
+	tab-size: 2;
+	-moz-tab-size: 2;
+	-o-tab-size: 2;
+}
+
 /*----------------------------------------------- 
  * project source search view (including folder view)
  *-----------------------------------------------*/