Update app.py

app.py

@@ -480,10 +480,12 @@ css_adds = "#group_row {background: white; border-color: white;} \
                #per_attrib_label_elem {background-color: #F8FAFC;} \
                #accordion {border-color: #E5E7EB} \
                #err_msg_elem p {color: #FF0000; cursor: pointer} \
-               .tooltiptext_left {visibility: hidden;width:50ch;top: 100%;left: 105%;background-color: #222;text-align: center;border-radius: 6px;padding: 5px 0;position: absolute;z-index: 1;} \
-               .tooltiptext_right {visibility: hidden;width:50ch;top: 100%;right: 105%;background-color: #222;text-align: center;border-radius: 6px;padding: 5px 0;position: absolute;z-index: 1;} \
-               #filled:hover .tooltiptext {visibility: visible;} \
-               #empty:hover .tooltiptext {visibility: visible;}"
+               .tooltiptext_left {visibility: hidden;max-width:50ch;min-width:25ch;top: 100%;left: 0%;background-color: #222;text-align: center;border-radius: 6px;padding: 5px 0;position: absolute;z-index: 1;} \
+               .tooltiptext_right {visibility: hidden;max-width:50ch;min-width:25ch;top: 100%;right: 0%;background-color: #222;text-align: center;border-radius: 6px;padding: 5px 0;position: absolute;z-index: 1;} \
+               #filled:hover .tooltiptext_left {visibility: visible;} \
+               #empty:hover .tooltiptext_left {visibility: visible;} \
+               #filled:hover .tooltiptext_right {visibility: visible;} \
+               #empty:hover .tooltiptext_right {visibility: visible;}"
 
 #'bethecloud/storj_theme'
 with gr.Blocks(theme=soft, title="Social Bias Testing in Language Models",