diff --git a/public_html/classes/render-adminlte.class.php b/public_html/classes/render-adminlte.class.php
index 7a9a9cee4c43e5f7304b6a5a452a68d0366f006e..b7c75e5df4f3e0388ca72feb5e6b1bbea0185b03 100755
--- a/public_html/classes/render-adminlte.class.php
+++ b/public_html/classes/render-adminlte.class.php
@@ -192,6 +192,11 @@ class renderadminlte {
                 'params'=>[
                     'type'        => ['select'=>$this->aPresets['type'],     'example_value'=>'warning'],
                     'dismissible' => ['select'=>$this->aPresets['yesno'],    'example_value'=>''],
+                    'class'       => [
+                        'group'=>'styling', 
+                        'description'=>'optional: css classes', 
+                        'example_value'=>''
+                    ],
                     'title'       => [
                         'description'=>'Title in a bit bigger font', 
                         'group'=>'content',
@@ -341,6 +346,11 @@ class renderadminlte {
                     'type'=>['select'=>$this->aPresets['type'],     'example_value'=>''],
                     'iconbg'=>['select'=>$this->aPresets['type'],   'example_value'=>'info'],
                     'shadow'=>['select'=>$this->aPresets['shadow'], 'example_value'=>''],
+                    'class'       => [
+                        'group'=>'styling', 
+                        'description'=>'optional: css classes', 
+                        'example_value'=>''
+                    ],
                     'icon'=>[
                         'group'=>'content', 
                         'description'=>'css class for an icon', 
@@ -377,7 +387,11 @@ class renderadminlte {
                 'params'=>[
                     'type'=>['select'=>$this->aPresets['type'],     'example_value'=>'info'],
                     'shadow'=>['select'=>$this->aPresets['shadow'], 'example_value'=>''],
-        
+                    'class'       => [
+                        'group'=>'styling', 
+                        'description'=>'optional: css classes', 
+                        'example_value'=>''
+                    ],
                     'icon'=>['group'=>'content', 'description'=>'css class for an icon', 'example_value'=>'fas fa-shopping-cart'],
         
                     'text'=>['group'=>'content', 'description'=>'short information text', 'example_value'=>'New orders'],
@@ -1063,6 +1077,7 @@ class renderadminlte {
         // print_r($aOptions);
         $sClass='small-box'
                 . $this->_addClassValue($aOptions['type'],    'bg-')
+                . $this->_addClassValue($aOptions['class'],   '')
                 .($aOptions['shadow'] && isset($this->_aValueMappings['shadow'][$aOptions['shadow']]) 
                     ? ' '.$this->_aValueMappings['shadow'][$aOptions['shadow']] : '')
                 ;
diff --git a/public_html/pages/component.php b/public_html/pages/component.php
index 22b020910ee0dbd4d842887fc1316f7ade5dc3c0..d1e1be8df417133d33b66f175b5273dab848ff7d 100644
--- a/public_html/pages/component.php
+++ b/public_html/pages/component.php
@@ -167,7 +167,7 @@ if(!$renderAdminLTE->getComponent($sComponent)) {
             $renderAdminLTE->getCard(['title'=>'Parameter keys for '.$sComponent, 'text'=>$sTester]), 
             4
         ).$renderAdminLTE->addCol(
-            showExample('$renderAdminLTE->'.$aComp['method'].'('.var_export($aWidgetOptions, 1).')') ,
+            showExample('$renderAdminLTE->'.$aComp['method'].'('.var_export($aWidgetOptions, 1).');') ,
             8
         )
     )