diff --git a/qutebrowser/completion/completionwidget.py b/qutebrowser/completion/completionwidget.py
index 3a1bf367a..2acd2333d 100644
--- a/qutebrowser/completion/completionwidget.py
+++ b/qutebrowser/completion/completionwidget.py
@@ -83,13 +83,13 @@ class CompletionView(QTreeView):
         }
 
         QTreeView QScrollBar {
-            width: {{ config.get('completion', 'scrollbar.width') }}px;
+            width: {{ config.get('completion', 'scrollbar-width') }}px;
             background: {{ color['completion.scrollbar.bg'] }};
         }
 
         QTreeView QScrollBar::handle {
             background: {{ color['completion.scrollbar.fg'] }};
-            border: {{ config.get('completion', 'scrollbar.padding') }}px solid
+            border: {{ config.get('completion', 'scrollbar-padding') }}px solid
                     {{ color['completion.scrollbar.bg'] }};
             min-height: 10px;
         }
diff --git a/qutebrowser/config/configdata.py b/qutebrowser/config/configdata.py
index f69f69dd1..46cdb91eb 100644
--- a/qutebrowser/config/configdata.py
+++ b/qutebrowser/config/configdata.py
@@ -414,11 +414,11 @@ def data(readonly=False):
              "Whether to shrink the completion to be smaller than the "
              "configured size if there are no scrollbars."),
 
-            ('scrollbar.width',
+            ('scrollbar-width',
              SettingValue(typ.Int(minval=0), '12'),
              "Width of the scrollbar in the completion window (in px)."),
 
-            ('scrollbar.padding',
+            ('scrollbar-padding',
              SettingValue(typ.Int(minval=0), '2'),
              "Padding of scrollbar handle in completion window (in px)."),