diff --git a/src/scss/tippy-theme.scss b/src/scss/tippy-theme.scss
index 13f459fbd3..7b47be0bc5 100644
--- a/src/scss/tippy-theme.scss
+++ b/src/scss/tippy-theme.scss
@@ -4,7 +4,7 @@
 @import 'tippy.js/themes/light-border.css';
 
 @mixin createTippyTheme($themeName, $themeBackgroundColor, $themeTextColor) {
-    .tippy-box[data-theme~=#{$themeName}] {
+    .tippy-box[data-theme~='#{$themeName}'] {
         background-color: $themeBackgroundColor;
         color: $themeTextColor;
         &[data-placement^='top'] > .tippy-arrow::before {