diff --git a/resources/less/metager/general/forms.less b/resources/less/metager/general/forms.less
index ca63b1d74f96b03bc86166f869e3137efe515cd6..3c54e33cf2898bc4d5831988215a111936502063 100644
--- a/resources/less/metager/general/forms.less
+++ b/resources/less/metager/general/forms.less
@@ -105,7 +105,7 @@ output {
   color: @input-color;
 }
 
-#pubkey{
+textarea{
   background-color: @input-bg;
   color: @input-text;
 }
diff --git a/resources/views/widget/websearch.blade.php b/resources/views/widget/websearch.blade.php
index fbc3b06e4bfd49bdfb3c340b17038289da6bb682..0db062d0735f82a3fa4858eef83da4e03de4816e 100644
--- a/resources/views/widget/websearch.blade.php
+++ b/resources/views/widget/websearch.blade.php
@@ -9,9 +9,11 @@
 		<h2>{{ trans('websearch.head.3') }}</h2>
 		{!! $template !!}
 	</div>
-	<h2>{{ trans('websearch.head.7') }} <button id="copyButton" class="btn btn-default" type="button"><i class="fa fa-paperclip" aria-hidden="true"></i> {{ trans('websearch.head.copy') }}</button></h2>
-	<textarea id="codesnippet" readonly style="width:100%;height:500px">
-		{{ $template }}
-	</textarea>
-	<script src="{{ mix('js/widgets.js') }}"></script>
+	<div class="card-medium">
+		<h2>{{ trans('websearch.head.7') }} <button id="copyButton" class="btn btn-default" type="button"><i class="fa fa-paperclip" aria-hidden="true"></i> {{ trans('websearch.head.copy') }}</button></h2>
+		<textarea id="codesnippet" readonly style="width:100%;height:500px">
+			{{ $template }}
+		</textarea>
+		<script src="{{ mix('js/widgets.js') }}"></script>
+	</div>
 @endsection