diff --git a/public/snapshot/index.html b/public/snapshot/index.html
index 0ece6bcf7cc4415e89ab200f08051efa6614ab84..c6b23389f8f3bc8187e939c56f0688a626ae2d8f 100644
--- a/public/snapshot/index.html
+++ b/public/snapshot/index.html
@@ -23,10 +23,10 @@
                href="#confirm_dialog">
             </i>
             <i class="fa fa-download normal-action pull-right"
-               data-toggle="collapse" href="#{{snapshot.snapshot}}_details">
+               data-toggle="collapse" href="#{{snapshot.snapshot.replace('.','_')}}_details">
             </i>
           </div>
-          <div class="collapse" id="{{snapshot.snapshot}}_details">
+          <div class="collapse" id="{{snapshot.snapshot.replace('.','_')}}_details">
             <ng-include src="'./snapshot/restore_snapshot.html'"
                         onload="form = {includeAliases: true, includeGlobalState: true, ignoreUnavailable: true}">
               {{form}}