diff --git a/kallithea/public/css/style.css b/kallithea/public/css/style.css
--- a/kallithea/public/css/style.css
+++ b/kallithea/public/css/style.css
@@ -102,6 +102,12 @@ nav.navbar #logo > .navbar-brand > img {
 #lang_stats td {
   padding: 1px 0 !important;
 }
+/* every direct child of a main panel, that is not .panel-heading, should auto
+ * overflow to prevent overflowing of elements like text boxes and tables */
+#main > .panel > :not(.panel-heading) {
+  overflow-x: auto;
+  min-height: 0.01%;
+}
 .form-group > label {
   float: left;
 }
diff --git a/kallithea/public/less/style.less b/kallithea/public/less/style.less
--- a/kallithea/public/less/style.less
+++ b/kallithea/public/less/style.less
@@ -113,6 +113,13 @@ nav.navbar #logo > .navbar-brand > img {
   }
 }
 
+/* every direct child of a main panel, that is not .panel-heading, should auto
+ * overflow to prevent overflowing of elements like text boxes and tables */
+#main > .panel > :not(.panel-heading) {
+  overflow-x: auto;
+  min-height: 0.01%;
+}
+
 .form-group > label {
   float: left;
 }